@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
@import url(https://static.tronscan.org/tronscan/googlefont/lato/index.css?v=202411291805);

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #325d88;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #d9534f;
  --orange: #f47c3c;
  --yellow: #ffc107;
  --green: #93c54b;
  --teal: #20c997;
  --cyan: #29abe0;
  --white: #fff;
  --gray: #8e8c84;
  --gray-dark: #3e3f3a;
  --primary: #325d88;
  --secondary: #8e8c84;
  --success: #93c54b;
  --info: #29abe0;
  --warning: #f47c3c;
  --danger: #d9534f;
  --light: #f8f5f0;
  --dark: #3e3f3a;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
:after,
:before {
  box-sizing: border-box
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  line-height: 1.15
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block
}

body {
  background-color: #fff;
  color: #3e3f3a;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  text-align: left
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important
}

hr {
  box-sizing: initial;
  height: 0;
  overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
  margin-top: 0
}

p {
  margin-bottom: 1rem;
  margin-top: 0
}

abbr[data-original-title],
abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  font-style: normal;
  line-height: inherit
}

address,
dl,
ol,
ul {
  margin-bottom: 1rem
}

dl,
ol,
ul {
  margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  background-color: #0000;
  color: #93c54b
}

a:hover {
  color: #6b9430;
  text-decoration: underline
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em
}

pre {
  -ms-overflow-style: scrollbar;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto
}

figure {
  margin: 0 0 1rem
}

img {
  border-style: none
}

img,
svg {
  vertical-align: middle
}

svg {
  overflow: hidden
}

table {
  border-collapse: collapse
}

caption {
  caption-side: bottom;
  color: #8e8c84;
  padding-bottom: .75rem;
  padding-top: .75rem;
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

label {
  display: inline-block;
  margin-bottom: .5rem
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

textarea {
  overflow: auto;
  resize: vertical
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0
}

legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: .5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%
}

progress {
  vertical-align: initial
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: none;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

output {
  display: inline-block
}

summary {
  cursor: pointer;
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: .5rem
}

.h1,
h1 {
  font-size: 2.1875rem
}

.h2,
h2 {
  font-size: 1.75rem
}

.h3,
h3 {
  font-size: 1.53125rem
}

.h4,
h4 {
  font-size: 1.3125rem
}

.h5,
h5 {
  font-size: 1.09375rem
}

.h6,
h6 {
  font-size: .875rem
}

.lead {
  font-size: 1.09375rem;
  font-weight: 300
}

.display-1 {
  font-size: 6rem
}

.display-1,
.display-2 {
  font-weight: 300;
  line-height: 1.2
}

.display-2 {
  font-size: 5.5rem
}

.display-3 {
  font-size: 4.5rem
}

.display-3,
.display-4 {
  font-weight: 300;
  line-height: 1.2
}

.display-4 {
  font-size: 3.5rem
}

hr {
  border: 0;
  border-top: 1px solid #0000001a;
  margin-bottom: 1rem;
  margin-top: 1rem
}

.small,
small {
  font-size: .875em;
  font-weight: 400
}

.mark,
mark {
  background-color: #fcf8e3;
  padding: .2em
}

.list-inline,
.list-unstyled {
  list-style: none;
  padding-left: 0
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

.blockquote {
  font-size: 1.09375rem;
  margin-bottom: 1rem
}

.blockquote-footer {
  color: #8e8c84;
  display: block;
  font-size: .875em
}

.blockquote-footer:before {
  content: "— "
}

.img-fluid,
.img-thumbnail {
  height: auto;
  max-width: 100%
}

.img-thumbnail {
  background-color: #fff;
  border: 1px solid #dfd7ca;
  border-radius: .25rem;
  padding: .25rem
}

.figure {
  display: inline-block
}

.figure-img {
  line-height: 1;
  margin-bottom: .5rem
}

.figure-caption {
  color: #8e8c84;
  font-size: 90%
}

code {
  word-wrap: break-word;
  color: #e83e8c;
  font-size: 87.5%
}

a>code {
  color: inherit
}

kbd {
  background-color: #212529;
  border-radius: .2rem;
  color: #fff;
  font-size: 87.5%;
  padding: .2rem .4rem
}

kbd kbd {
  font-size: 100%;
  font-weight: 700;
  padding: 0
}

pre {
  color: #212529;
  display: block;
  font-size: 87.5%
}

pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}

@media(min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media(min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media(min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media(min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}

.no-gutters {
  margin-left: 0;
  margin-right: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
  padding-left: 0;
  padding-right: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.row-cols-1>* {
  flex: 0 0 100%;
  max-width: 100%
}

.row-cols-2>* {
  flex: 0 0 50%;
  max-width: 50%
}

.row-cols-3>* {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.row-cols-4>* {
  flex: 0 0 25%;
  max-width: 25%
}

.row-cols-5>* {
  flex: 0 0 20%;
  max-width: 20%
}

.row-cols-6>* {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  max-width: 100%;
  width: auto
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  order: -1
}

.order-last {
  order: 13
}

.order-0 {
  order: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-4 {
  order: 4
}

.order-5 {
  order: 5
}

.order-6 {
  order: 6
}

.order-7 {
  order: 7
}

.order-8 {
  order: 8
}

.order-9 {
  order: 9
}

.order-10 {
  order: 10
}

.order-11 {
  order: 11
}

.order-12 {
  order: 12
}

.offset-1 {
  margin-left: 8.33333333%
}

.offset-2 {
  margin-left: 16.66666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333333%
}

.offset-5 {
  margin-left: 41.66666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333333%
}

.offset-8 {
  margin-left: 66.66666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333333%
}

.offset-11 {
  margin-left: 91.66666667%
}

@media(min-width:576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-sm-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-sm-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-sm-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-sm-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-sm-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
  }

  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-sm-first {
    order: -1
  }

  .order-sm-last {
    order: 13
  }

  .order-sm-0 {
    order: 0
  }

  .order-sm-1 {
    order: 1
  }

  .order-sm-2 {
    order: 2
  }

  .order-sm-3 {
    order: 3
  }

  .order-sm-4 {
    order: 4
  }

  .order-sm-5 {
    order: 5
  }

  .order-sm-6 {
    order: 6
  }

  .order-sm-7 {
    order: 7
  }

  .order-sm-8 {
    order: 8
  }

  .order-sm-9 {
    order: 9
  }

  .order-sm-10 {
    order: 10
  }

  .order-sm-11 {
    order: 11
  }

  .order-sm-12 {
    order: 12
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.33333333%
  }

  .offset-sm-2 {
    margin-left: 16.66666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.33333333%
  }

  .offset-sm-5 {
    margin-left: 41.66666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.33333333%
  }

  .offset-sm-8 {
    margin-left: 66.66666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.33333333%
  }

  .offset-sm-11 {
    margin-left: 91.66666667%
  }
}

@media(min-width:768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-md-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-md-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-md-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-md-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-md-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
  }

  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-md-first {
    order: -1
  }

  .order-md-last {
    order: 13
  }

  .order-md-0 {
    order: 0
  }

  .order-md-1 {
    order: 1
  }

  .order-md-2 {
    order: 2
  }

  .order-md-3 {
    order: 3
  }

  .order-md-4 {
    order: 4
  }

  .order-md-5 {
    order: 5
  }

  .order-md-6 {
    order: 6
  }

  .order-md-7 {
    order: 7
  }

  .order-md-8 {
    order: 8
  }

  .order-md-9 {
    order: 9
  }

  .order-md-10 {
    order: 10
  }

  .order-md-11 {
    order: 11
  }

  .order-md-12 {
    order: 12
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.33333333%
  }

  .offset-md-2 {
    margin-left: 16.66666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.33333333%
  }

  .offset-md-5 {
    margin-left: 41.66666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.33333333%
  }

  .offset-md-8 {
    margin-left: 66.66666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.33333333%
  }

  .offset-md-11 {
    margin-left: 91.66666667%
  }
}

@media(min-width:992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-lg-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-lg-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-lg-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-lg-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-lg-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
  }

  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-lg-first {
    order: -1
  }

  .order-lg-last {
    order: 13
  }

  .order-lg-0 {
    order: 0
  }

  .order-lg-1 {
    order: 1
  }

  .order-lg-2 {
    order: 2
  }

  .order-lg-3 {
    order: 3
  }

  .order-lg-4 {
    order: 4
  }

  .order-lg-5 {
    order: 5
  }

  .order-lg-6 {
    order: 6
  }

  .order-lg-7 {
    order: 7
  }

  .order-lg-8 {
    order: 8
  }

  .order-lg-9 {
    order: 9
  }

  .order-lg-10 {
    order: 10
  }

  .order-lg-11 {
    order: 11
  }

  .order-lg-12 {
    order: 12
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.33333333%
  }

  .offset-lg-2 {
    margin-left: 16.66666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.33333333%
  }

  .offset-lg-5 {
    margin-left: 41.66666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.33333333%
  }

  .offset-lg-8 {
    margin-left: 66.66666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.33333333%
  }

  .offset-lg-11 {
    margin-left: 91.66666667%
  }
}

@media(min-width:1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-xl-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-xl-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-xl-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-xl-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-xl-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
  }

  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xl-first {
    order: -1
  }

  .order-xl-last {
    order: 13
  }

  .order-xl-0 {
    order: 0
  }

  .order-xl-1 {
    order: 1
  }

  .order-xl-2 {
    order: 2
  }

  .order-xl-3 {
    order: 3
  }

  .order-xl-4 {
    order: 4
  }

  .order-xl-5 {
    order: 5
  }

  .order-xl-6 {
    order: 6
  }

  .order-xl-7 {
    order: 7
  }

  .order-xl-8 {
    order: 8
  }

  .order-xl-9 {
    order: 9
  }

  .order-xl-10 {
    order: 10
  }

  .order-xl-11 {
    order: 11
  }

  .order-xl-12 {
    order: 12
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.33333333%
  }

  .offset-xl-2 {
    margin-left: 16.66666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.33333333%
  }

  .offset-xl-5 {
    margin-left: 41.66666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.33333333%
  }

  .offset-xl-8 {
    margin-left: 66.66666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.33333333%
  }

  .offset-xl-11 {
    margin-left: 91.66666667%
  }
}

.table {
  color: #3e3f3a;
  margin-bottom: 1rem;
  width: 100%
}

.table td,
.table th {
  border-top: 1px solid #666;
  padding: .75rem;
  vertical-align: top
}

.table thead th {
  border-bottom: 2px solid #666;
  vertical-align: bottom
}

.table tbody+tbody {
  border-top: 2px solid #666
}

.table-sm td,
.table-sm th {
  padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
  border: 1px solid #666
}

.table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
  border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #0000000d
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, .075);
  color: #3e3f3a
}

.table-primary,
.table-primary>td,
.table-primary>th {
  background-color: #c6d2de
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
  border-color: #94abc1
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
  background-color: #b5c5d4
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
  background-color: #dfdfdd
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
  border-color: #c4c3bf
}

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
  background-color: #d3d2cf
}

.table-success,
.table-success>td,
.table-success>th {
  background-color: #e1efcd
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
  border-color: #c7e1a1
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
  background-color: #d5e9b9
}

.table-info,
.table-info>td,
.table-info>th {
  background-color: #c3e7f6
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
  border-color: #90d3ef
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
  background-color: #addff3
}

.table-warning,
.table-warning>td,
.table-warning>th {
  background-color: #fcdac8
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
  border-color: #f9bb9a
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
  background-color: #fbcab0
}

.table-danger,
.table-danger>td,
.table-danger>th {
  background-color: #f4cfce
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
  border-color: #eba6a3
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
  background-color: #f0bab9
}

.table-light,
.table-light>td,
.table-light>th {
  background-color: #fdfcfb
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
  border-color: #fbfaf7
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
  background-color: #f5f1e9
}

.table-dark,
.table-dark>td,
.table-dark>th {
  background-color: #c9c9c8
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #9b9b99
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
  background-color: #bcbdbb
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
  background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
  border-color: #52534c;
  color: #fff
}

.table .thead-light th {
  background-color: #f8f5f0;
  border-color: #666;
  color: #495057
}

.table-dark {
  background-color: #3e3f3a;
  color: #fff
}

.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #52534c
}

.table-dark.table-bordered {
  border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: #ffffff0d
}

.table-dark.table-hover tbody tr:hover {
  background-color: hsla(0, 0%, 100%, .075);
  color: #fff
}

@media(max-width:575.98px) {
  .table-responsive-sm {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
  }

  .table-responsive-sm>.table-bordered {
    border: 0
  }
}

@media(max-width:767.98px) {
  .table-responsive-md {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
  }

  .table-responsive-md>.table-bordered {
    border: 0
  }
}

@media(max-width:991.98px) {
  .table-responsive-lg {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
  }

  .table-responsive-lg>.table-bordered {
    border: 0
  }
}

@media(max-width:1199.98px) {
  .table-responsive-xl {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
  }

  .table-responsive-xl>.table-bordered {
    border: 0
  }
}

.table-responsive {
  -webkit-overflow-scrolling: touch;
  display: block;
  overflow-x: auto;
  width: 100%
}

.table-responsive>.table-bordered {
  border: 0
}

.form-control {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  color: #495057;
  display: block;
  font-size: .875rem;
  font-weight: 400;
  height: calc(1.5em + .75rem + 2px);
  line-height: 1.5;
  padding: .375rem .75rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 100%
}

@media(prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control::-ms-expand {
  background-color: #0000;
  border: 0
}

.form-control:focus {
  background-color: #fff;
  border-color: #6f9dca;
  box-shadow: 0 0 0 .2rem #325d8840;
  color: #495057;
  outline: 0
}

.form-control::placeholder {
  color: #8e8c84;
  opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #f8f5f0;
  opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
  -webkit-appearance: none;
  appearance: none
}

select.form-control:-moz-focusring {
  color: #0000;
  text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
  background-color: #fff;
  color: #495057
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%
}

.col-form-label {
  font-size: inherit;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: calc(.375rem + 1px);
  padding-top: calc(.375rem + 1px)
}

.col-form-label-lg {
  font-size: 1.09375rem;
  line-height: 1.5;
  padding-bottom: calc(.5rem + 1px);
  padding-top: calc(.5rem + 1px)
}

.col-form-label-sm {
  font-size: .765625rem;
  line-height: 1.5;
  padding-bottom: calc(.25rem + 1px);
  padding-top: calc(.25rem + 1px)
}

.form-control-plaintext {
  background-color: #0000;
  border: solid #0000;
  border-width: 1px 0;
  color: #3e3f3a;
  display: block;
  font-size: .875rem;
  line-height: 1.5;
  margin-bottom: 0;
  padding: .375rem 0;
  width: 100%
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-left: 0;
  padding-right: 0
}

.form-control-sm {
  border-radius: .2rem;
  font-size: .765625rem;
  height: calc(1.5em + .5rem + 2px);
  line-height: 1.5;
  padding: .25rem .5rem
}

.form-control-lg {
  border-radius: .3rem;
  font-size: 1.09375rem;
  height: calc(1.5em + 1rem + 2px);
  line-height: 1.5;
  padding: .5rem 1rem
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
  height: auto
}

.form-group {
  margin-bottom: 1rem
}

.form-text {
  display: block;
  margin-top: .25rem
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
  padding-left: 5px;
  padding-right: 5px
}

.form-check {
  display: block;
  padding-left: 1.25rem;
  position: relative
}

.form-check-input {
  margin-left: -1.25rem;
  margin-top: .3rem;
  position: absolute
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  color: #8e8c84
}

.form-check-label {
  margin-bottom: 0
}

.form-check-inline {
  align-items: center;
  display: inline-flex;
  margin-right: .75rem;
  padding-left: 0
}

.form-check-inline .form-check-input {
  margin-left: 0;
  margin-right: .3125rem;
  margin-top: 0;
  position: static
}

.valid-feedback {
  color: #93c54b;
  display: none;
  font-size: .875em;
  margin-top: .25rem;
  width: 100%
}

.valid-tooltip {
  background-color: #93c54be6;
  border-radius: .25rem;
  color: #fff;
  display: none;
  font-size: .765625rem;
  left: 0;
  line-height: 1.5;
  margin-top: .1rem;
  max-width: 100%;
  padding: .25rem .5rem;
  position: absolute;
  top: 100%;
  z-index: 5
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
  left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
  display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2393C54B' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");
  background-position: right calc(.375em + .1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  border-color: #93c54b;
  padding-right: calc(1.5em + .75rem) !important
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #93c54b;
  box-shadow: 0 0 0 .2rem #93c54b40
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
  background-position: right 1.5rem center;
  padding-right: 3rem !important
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
  padding-right: calc(1.5em + .75rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%233E3F3A' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2393C54B' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
  border-color: #93c54b;
  padding-right: calc(.75em + 2.3125rem) !important
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
  border-color: #93c54b;
  box-shadow: 0 0 0 .2rem #93c54b40
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #93c54b
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
  display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
  color: #93c54b
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
  border-color: #93c54b
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
  background-color: #aad172;
  border-color: #aad172
}

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
  box-shadow: 0 0 0 .2rem #93c54b40
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before {
  border-color: #93c54b
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
  border-color: #93c54b
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
  border-color: #93c54b;
  box-shadow: 0 0 0 .2rem #93c54b40
}

.invalid-feedback {
  color: #d9534f;
  display: none;
  font-size: .875em;
  margin-top: .25rem;
  width: 100%
}

.invalid-tooltip {
  background-color: #d9534fe6;
  border-radius: .25rem;
  color: #fff;
  display: none;
  font-size: .765625rem;
  left: 0;
  line-height: 1.5;
  margin-top: .1rem;
  max-width: 100%;
  padding: .25rem .5rem;
  position: absolute;
  top: 100%;
  z-index: 5
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
  left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
  display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23d9534f'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3E%3C/svg%3E");
  background-position: right calc(.375em + .1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  border-color: #d9534f;
  padding-right: calc(1.5em + .75rem) !important
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #d9534f;
  box-shadow: 0 0 0 .2rem #d9534f40
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  background-position: right 1.5rem center;
  padding-right: 3rem !important
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
  padding-right: calc(1.5em + .75rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%233E3F3A' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23d9534f'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
  border-color: #d9534f;
  padding-right: calc(.75em + 2.3125rem) !important
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
  border-color: #d9534f;
  box-shadow: 0 0 0 .2rem #d9534f40
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: #d9534f
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
  display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
  color: #d9534f
}

.custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
  border-color: #d9534f
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
  background-color: #e27c79;
  border-color: #e27c79
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
  box-shadow: 0 0 0 .2rem #d9534f40
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before {
  border-color: #d9534f
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
  border-color: #d9534f
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
  border-color: #d9534f;
  box-shadow: 0 0 0 .2rem #d9534f40
}

.form-inline {
  align-items: center;
  display: flex;
  flex-flow: row wrap
}

.form-inline .form-check {
  width: 100%
}

@media(min-width:576px) {
  .form-inline label {
    justify-content: center
  }

  .form-inline .form-group,
  .form-inline label {
    align-items: center;
    display: flex;
    margin-bottom: 0
  }

  .form-inline .form-group {
    flex: 0 0 auto;
    flex-flow: row wrap
  }

  .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto
  }

  .form-inline .form-control-plaintext {
    display: inline-block
  }

  .form-inline .custom-select,
  .form-inline .input-group {
    width: auto
  }

  .form-inline .form-check {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: 0;
    width: auto
  }

  .form-inline .form-check-input {
    flex-shrink: 0;
    margin-left: 0;
    margin-right: .25rem;
    margin-top: 0;
    position: relative
  }

  .form-inline .custom-control {
    align-items: center;
    justify-content: center
  }

  .form-inline .custom-control-label {
    margin-bottom: 0
  }
}

.btn {
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .25rem;
  color: #3e3f3a;
  display: inline-block;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem .75rem;
  text-align: center;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle
}

@media(prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: #3e3f3a;
  text-decoration: none
}

.btn.focus,
.btn:focus {
  box-shadow: 0 0 0 .2rem #325d8840;
  outline: 0
}

.btn.disabled,
.btn:disabled {
  opacity: .65
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none
}

.btn-primary {
  background-color: #325d88;
  border-color: #325d88;
  color: #fff
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #284a6c;
  border-color: #244463;
  color: #fff
}

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: 0 0 0 .2rem #51759a80
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #325d88;
  border-color: #325d88;
  color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  background-color: #244463;
  border-color: #213d59;
  color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #51759a80
}

.btn-secondary {
  background-color: #8e8c84;
  border-color: #8e8c84;
  color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
  background-color: #7b7971;
  border-color: #74726b;
  color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus {
  box-shadow: 0 0 0 .2rem #9f9d9680
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  background-color: #8e8c84;
  border-color: #8e8c84;
  color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
  background-color: #74726b;
  border-color: #6e6c65;
  color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #9f9d9680
}

.btn-success {
  background-color: #93c54b;
  border-color: #93c54b;
  color: #fff
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
  background-color: #80b139;
  border-color: #79a736;
  color: #fff
}

.btn-success.focus,
.btn-success:focus {
  box-shadow: 0 0 0 .2rem #a3ce6680
}

.btn-success.disabled,
.btn-success:disabled {
  background-color: #93c54b;
  border-color: #93c54b;
  color: #fff
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
  background-color: #79a736;
  border-color: #729e33;
  color: #fff
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #a3ce6680
}

.btn-info {
  background-color: #29abe0;
  border-color: #29abe0;
  color: #fff
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
  background-color: #1d95c6;
  border-color: #1b8dbb;
  color: #fff
}

.btn-info.focus,
.btn-info:focus {
  box-shadow: 0 0 0 .2rem #49b8e580
}

.btn-info.disabled,
.btn-info:disabled {
  background-color: #29abe0;
  border-color: #29abe0;
  color: #fff
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
  background-color: #1b8dbb;
  border-color: #1984b0;
  color: #fff
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #49b8e580
}

.btn-warning {
  background-color: #f47c3c;
  border-color: #f47c3c;
  color: #fff
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
  background-color: #f26418;
  border-color: #ef5c0e;
  color: #fff
}

.btn-warning.focus,
.btn-warning:focus {
  box-shadow: 0 0 0 .2rem #f6905980
}

.btn-warning.disabled,
.btn-warning:disabled {
  background-color: #f47c3c;
  border-color: #f47c3c;
  color: #fff
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
  background-color: #ef5c0e;
  border-color: #e3570d;
  color: #fff
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #f6905980
}

.btn-danger {
  background-color: #d9534f;
  border-color: #d9534f
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
  background-color: #d23430;
  border-color: #c9302c;
  color: #fff
}

.btn-danger.focus,
.btn-danger:focus {
  box-shadow: 0 0 0 .2rem #df6d6980
}

.btn-danger.disabled,
.btn-danger:disabled {
  background-color: #d9534f;
  border-color: #d9534f;
  color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
  background-color: #c9302c;
  border-color: #bf2e29;
  color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #df6d6980
}

.btn-light {
  background-color: #f8f5f0;
  border-color: #f8f5f0;
  color: #212529
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
  background-color: #ece4d6;
  border-color: #e8decd;
  color: #212529
}

.btn-light.focus,
.btn-light:focus {
  box-shadow: 0 0 0 .2rem #d8d6d280
}

.btn-light.disabled,
.btn-light:disabled {
  background-color: #f8f5f0;
  border-color: #f8f5f0;
  color: #212529
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
  background-color: #e8decd;
  border-color: #e4d8c5;
  color: #212529
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #d8d6d280
}

.btn-dark {
  background-color: #3e3f3a;
  border-color: #3e3f3a;
  color: #fff
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
  background-color: #2a2b28;
  border-color: #242422;
  color: #fff
}

.btn-dark.focus,
.btn-dark:focus {
  box-shadow: 0 0 0 .2rem #5b5c5880
}

.btn-dark.disabled,
.btn-dark:disabled {
  background-color: #3e3f3a;
  border-color: #3e3f3a;
  color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
  background-color: #242422;
  border-color: #1d1e1b;
  color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #5b5c5880
}

.btn-outline-primary {
  border-color: #325d88;
  color: #325d88
}

.btn-outline-primary:hover {
  background-color: #325d88;
  border-color: #325d88;
  color: #fff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 .2rem #325d8880
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  background-color: #0000;
  color: #325d88
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
  background-color: #325d88;
  border-color: #325d88;
  color: #fff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #325d8880
}

.btn-outline-secondary {
  border-color: #8e8c84;
  color: #8e8c84
}

.btn-outline-secondary:hover {
  background-color: #8e8c84;
  border-color: #8e8c84;
  color: #fff
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 .2rem #8e8c8480
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  background-color: #0000;
  color: #8e8c84
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
  background-color: #8e8c84;
  border-color: #8e8c84;
  color: #fff
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #8e8c8480
}

.btn-outline-success {
  border-color: #93c54b;
  color: #93c54b
}

.btn-outline-success:hover {
  background-color: #93c54b;
  border-color: #93c54b;
  color: #fff
}

.btn-outline-success.focus,
.btn-outline-success:focus {
  box-shadow: 0 0 0 .2rem #93c54b80
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  background-color: #0000;
  color: #93c54b
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
  background-color: #93c54b;
  border-color: #93c54b;
  color: #fff
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #93c54b80
}

.btn-outline-info {
  border-color: #29abe0;
  color: #29abe0
}

.btn-outline-info:hover {
  background-color: #29abe0;
  border-color: #29abe0;
  color: #fff
}

.btn-outline-info.focus,
.btn-outline-info:focus {
  box-shadow: 0 0 0 .2rem #29abe080
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  background-color: #0000;
  color: #29abe0
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
  background-color: #29abe0;
  border-color: #29abe0;
  color: #fff
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #29abe080
}

.btn-outline-warning {
  border-color: #f47c3c;
  color: #f47c3c
}

.btn-outline-warning:hover {
  background-color: #f47c3c;
  border-color: #f47c3c;
  color: #fff
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 .2rem #f47c3c80
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  background-color: #0000;
  color: #f47c3c
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
  background-color: #f47c3c;
  border-color: #f47c3c;
  color: #fff
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #f47c3c80
}

.btn-outline-danger {
  border-color: #d9534f;
  color: #d9534f
}

.btn-outline-danger:hover {
  background-color: #d9534f;
  border-color: #d9534f;
  color: #fff
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 .2rem #d9534f80
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  background-color: #0000;
  color: #d9534f
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
  background-color: #d9534f;
  border-color: #d9534f;
  color: #fff
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #d9534f80
}

.btn-outline-light {
  border-color: #f8f5f0;
  color: #f8f5f0
}

.btn-outline-light:hover {
  background-color: #f8f5f0;
  border-color: #f8f5f0;
  color: #212529
}

.btn-outline-light.focus,
.btn-outline-light:focus {
  box-shadow: 0 0 0 .2rem #f8f5f080
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  background-color: #0000;
  color: #f8f5f0
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
  background-color: #f8f5f0;
  border-color: #f8f5f0;
  color: #212529
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #f8f5f080
}

.btn-outline-dark {
  border-color: #3e3f3a;
  color: #3e3f3a
}

.btn-outline-dark:hover {
  background-color: #3e3f3a;
  border-color: #3e3f3a;
  color: #fff
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 .2rem #3e3f3a80
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  background-color: #0000;
  color: #3e3f3a
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
  background-color: #3e3f3a;
  border-color: #3e3f3a;
  color: #fff
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #3e3f3a80
}

.btn-link {
  color: #93c54b;
  font-weight: 400;
  text-decoration: none
}

.btn-link:hover {
  color: #6b9430
}

.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
  text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
  color: #8e8c84;
  pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
  border-radius: .3rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  padding: .5rem 1rem
}

.btn-group-sm>.btn,
.btn-sm {
  border-radius: .2rem;
  font-size: .765625rem;
  line-height: 1.5;
  padding: .25rem .5rem
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%
}

.fade {
  transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  position: relative;
  transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.width {
  height: auto;
  transition: width .35s ease;
  width: 0
}

@media(prefers-reduced-motion:reduce) {
  .collapsing.width {
    transition: none
  }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle:after {
  border-bottom: 0;
  border-left: .3em solid #0000;
  border-right: .3em solid #0000;
  border-top: .3em solid;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.dropdown-toggle:empty:after {
  margin-left: 0
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: .25rem;
  color: #3e3f3a;
  display: none;
  float: left;
  font-size: .875rem;
  left: 0;
  list-style: none;
  margin: .125rem 0 0;
  min-width: 10rem;
  padding: .5rem 0;
  position: absolute;
  text-align: left
}

.dropdown-menu-left {
  left: 0;
  right: auto
}

@media(min-width:576px) {
  .dropdown-menu-sm-left {
    left: 0;
    right: auto
  }

  .dropdown-menu-sm-right {
    left: auto;
    right: 0
  }
}

@media(min-width:768px) {
  .dropdown-menu-md-left {
    left: 0;
    right: auto
  }

  .dropdown-menu-md-right {
    left: auto;
    right: 0
  }
}

@media(min-width:992px) {
  .dropdown-menu-lg-left {
    left: 0;
    right: auto
  }

  .dropdown-menu-lg-right {
    left: auto;
    right: 0
  }
}

@media(min-width:1200px) {
  .dropdown-menu-xl-left {
    left: 0;
    right: auto
  }

  .dropdown-menu-xl-right {
    left: auto;
    right: 0
  }
}

.dropup .dropdown-menu {
  bottom: 100%;
  margin-bottom: .125rem;
  margin-top: 0;
  top: auto
}

.dropup .dropdown-toggle:after {
  border-bottom: .3em solid;
  border-left: .3em solid #0000;
  border-right: .3em solid #0000;
  border-top: 0;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.dropup .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropright .dropdown-menu {
  left: 100%;
  margin-left: .125rem;
  margin-top: 0;
  right: auto;
  top: 0
}

.dropright .dropdown-toggle:after {
  border-bottom: .3em solid #0000;
  border-left: .3em solid;
  border-right: 0;
  border-top: .3em solid #0000;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.dropright .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropright .dropdown-toggle:after {
  vertical-align: 0
}

.dropleft .dropdown-menu {
  left: auto;
  margin-right: .125rem;
  margin-top: 0;
  right: 100%;
  top: 0
}

.dropleft .dropdown-toggle:after {
  content: "";
  display: inline-block;
  display: none;
  margin-left: .255em;
  vertical-align: .255em
}

.dropleft .dropdown-toggle:before {
  border-bottom: .3em solid #0000;
  border-right: .3em solid;
  border-top: .3em solid #0000;
  content: "";
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em
}

.dropleft .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropleft .dropdown-toggle:before {
  vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
  bottom: auto;
  right: auto
}

.dropdown-divider {
  border-top: 1px solid #f8f5f0;
  height: 0;
  margin: .5rem 0;
  overflow: hidden
}

.dropdown-item {
  background-color: #0000;
  border: 0;
  clear: both;
  color: #212529;
  display: block;
  font-weight: 400;
  padding: .25rem 1.5rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #f8f5f0;
  color: #16181b;
  text-decoration: none
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #325d88;
  color: #fff;
  text-decoration: none
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  background-color: #0000;
  color: #98978b;
  pointer-events: none
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  color: #8e8c84;
  display: block;
  font-size: .765625rem;
  margin-bottom: 0;
  padding: .5rem 1.5rem;
  white-space: nowrap
}

.dropdown-item-text {
  color: #212529;
  display: block;
  padding: .25rem 1.5rem
}

.btn-group,
.btn-group-vertical {
  display: inline-flex;
  position: relative;
  vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
  flex: 1 1 auto;
  position: relative
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
  z-index: 1
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
  margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.dropdown-toggle-split {
  padding-left: .5625rem;
  padding-right: .5625rem
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
  margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
  margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
  padding-left: .375rem;
  padding-right: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
  padding-left: .75rem;
  padding-right: .75rem
}

.btn-group-vertical {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
  width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
  margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
  margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute
}

.input-group {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
  flex: 1 1 auto;
  margin-bottom: 0;
  min-width: 0;
  position: relative;
  width: 1%
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
  margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
  z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
  z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.input-group>.custom-file {
  align-items: center;
  display: flex
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3),
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group-append,
.input-group-prepend {
  display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
  position: relative;
  z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
  z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
  margin-left: -1px
}

.input-group-prepend {
  margin-right: -1px
}

.input-group-append {
  margin-left: -1px
}

.input-group-text {
  align-items: center;
  background-color: #f8f5f0;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  color: #495057;
  display: flex;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
  padding: .375rem .75rem;
  text-align: center;
  white-space: nowrap
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
  margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
  height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
  border-radius: .3rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  padding: .5rem 1rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
  height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
  border-radius: .2rem;
  font-size: .765625rem;
  line-height: 1.5;
  padding: .25rem .5rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
  padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.custom-control {
  display: block;
  min-height: 1.3125rem;
  padding-left: 1.5rem;
  position: relative;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  z-index: 1
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem
}

.custom-control-input {
  height: 1.15625rem;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 1rem;
  z-index: -1
}

.custom-control-input:checked~.custom-control-label:before {
  background-color: #325d88;
  border-color: #325d88;
  color: #fff
}

.custom-control-input:focus~.custom-control-label:before {
  box-shadow: 0 0 0 .2rem #325d8840
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
  border-color: #6f9dca
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
  background-color: #95b6d8;
  border-color: #95b6d8;
  color: #fff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
  color: #8e8c84
}

.custom-control-input:disabled~.custom-control-label:before,
.custom-control-input[disabled]~.custom-control-label:before {
  background-color: #f8f5f0
}

.custom-control-label {
  margin-bottom: 0;
  position: relative;
  vertical-align: top
}

.custom-control-label:before {
  background-color: #fff;
  border: 1px solid #98978b;
  pointer-events: none
}

.custom-control-label:after,
.custom-control-label:before {
  content: "";
  display: block;
  height: 1rem;
  left: -1.5rem;
  position: absolute;
  top: .15625rem;
  width: 1rem
}

.custom-control-label:after {
  background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label:before {
  border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
  background-color: #325d88;
  border-color: #325d88
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
  background-color: #325d8880
}

.custom-radio .custom-control-label:before {
  border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
  background-color: #325d8880
}

.custom-switch {
  padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
  border-radius: .5rem;
  left: -2.25rem;
  pointer-events: all;
  width: 1.75rem
}

.custom-switch .custom-control-label:after {
  background-color: #98978b;
  border-radius: .5rem;
  height: calc(1rem - 4px);
  left: calc(-2.25rem + 2px);
  top: calc(.15625rem + 2px);
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: calc(1rem - 4px)
}

@media(prefers-reduced-motion:reduce) {
  .custom-switch .custom-control-label:after {
    transition: none
  }
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
  background-color: #fff;
  transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
  background-color: #325d8880
}

.custom-select {
  -webkit-appearance: none;
  appearance: none;
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%233E3F3A' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  color: #495057;
  display: inline-block;
  font-size: .875rem;
  font-weight: 400;
  height: calc(1.5em + .75rem + 2px);
  line-height: 1.5;
  padding: .375rem 1.75rem .375rem .75rem;
  vertical-align: middle;
  width: 100%
}

.custom-select:focus {
  border-color: #6f9dca;
  box-shadow: 0 0 0 .2rem #325d8840;
  outline: 0
}

.custom-select:focus::-ms-value {
  background-color: #fff;
  color: #495057
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  background-image: none;
  height: auto;
  padding-right: .75rem
}

.custom-select:disabled {
  background-color: #f8f5f0;
  color: #8e8c84
}

.custom-select::-ms-expand {
  display: none
}

.custom-select:-moz-focusring {
  color: #0000;
  text-shadow: 0 0 0 #495057
}

.custom-select-sm {
  font-size: .765625rem;
  height: calc(1.5em + .5rem + 2px);
  padding-bottom: .25rem;
  padding-left: .5rem;
  padding-top: .25rem
}

.custom-select-lg {
  font-size: 1.09375rem;
  height: calc(1.5em + 1rem + 2px);
  padding-bottom: .5rem;
  padding-left: 1rem;
  padding-top: .5rem
}

.custom-file {
  display: inline-block;
  margin-bottom: 0
}

.custom-file,
.custom-file-input {
  height: calc(1.5em + .75rem + 2px);
  position: relative;
  width: 100%
}

.custom-file-input {
  margin: 0;
  opacity: 0;
  overflow: hidden;
  z-index: 2
}

.custom-file-input:focus~.custom-file-label {
  border-color: #6f9dca;
  box-shadow: 0 0 0 .2rem #325d8840
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
  background-color: #f8f5f0
}

.custom-file-input:lang(en)~.custom-file-label:after {
  content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]:after {
  content: attr(data-browse)
}

.custom-file-label {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  font-weight: 400;
  height: calc(1.5em + .75rem + 2px);
  left: 0;
  overflow: hidden;
  z-index: 1
}

.custom-file-label,
.custom-file-label:after {
  color: #495057;
  line-height: 1.5;
  padding: .375rem .75rem;
  position: absolute;
  right: 0;
  top: 0
}

.custom-file-label:after {
  background-color: #f8f5f0;
  border-left: inherit;
  border-radius: 0 .25rem .25rem 0;
  bottom: 0;
  content: "Browse";
  display: block;
  height: calc(1.5em + .75rem);
  z-index: 3
}

.custom-range {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0000;
  height: 1.4rem;
  padding: 0;
  width: 100%
}

.custom-range:focus {
  outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #325d8840
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #325d8840
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #325d8840
}

.custom-range::-moz-focus-outer {
  border: 0
}

.custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #325d88;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 1rem
}

@media(prefers-reduced-motion:reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #95b6d8
}

.custom-range::-webkit-slider-runnable-track {
  background-color: #dfd7ca;
  border-color: #0000;
  border-radius: 1rem;
  color: #0000;
  cursor: pointer;
  height: .5rem;
  width: 100%
}

.custom-range::-moz-range-thumb {
  appearance: none;
  background-color: #325d88;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 1rem
}

@media(prefers-reduced-motion:reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #95b6d8
}

.custom-range::-moz-range-track {
  background-color: #dfd7ca;
  border-color: #0000;
  border-radius: 1rem;
  color: #0000;
  cursor: pointer;
  height: .5rem;
  width: 100%
}

.custom-range::-ms-thumb {
  appearance: none;
  background-color: #325d88;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  margin-left: .2rem;
  margin-right: .2rem;
  margin-top: 0;
  -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 1rem
}

@media(prefers-reduced-motion:reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none
  }
}

.custom-range::-ms-thumb:active {
  background-color: #95b6d8
}

.custom-range::-ms-track {
  background-color: #0000;
  border-color: #0000;
  border-width: .5rem;
  color: #0000;
  cursor: pointer;
  height: .5rem;
  width: 100%
}

.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper {
  background-color: #dfd7ca;
  border-radius: 1rem
}

.custom-range::-ms-fill-upper {
  margin-right: 15px
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #98978b
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #98978b
}

.custom-range:disabled::-moz-range-track {
  cursor: default
}

.custom-range:disabled::-ms-thumb {
  background-color: #98978b
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {

  .custom-control-label:before,
  .custom-file-label,
  .custom-select {
    transition: none
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.nav-link {
  display: block;
  padding: .5rem .9rem
}

.nav-link:focus,
.nav-link:hover {
  text-decoration: none
}

.nav-link.disabled {
  color: #dfd7ca;
  cursor: default;
  pointer-events: none
}

.nav-tabs {
  border-bottom: 1px solid #dfd7ca
}

.nav-tabs .nav-link {
  background-color: #0000;
  border: 1px solid #0000;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  margin-bottom: -1px
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #dfd7ca;
  isolation: isolate
}

.nav-tabs .nav-link.disabled {
  background-color: #0000;
  border-color: #0000;
  color: #dfd7ca
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: #fff;
  border-color: #dfd7ca #dfd7ca #fff;
  color: #495057
}

.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #f8f5f0;
  color: #8e8c84
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.navbar {
  padding: .5rem 1rem;
  position: relative
}

.navbar,
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
  
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.navbar-brand {
  display: inline-block;
  font-size: 1.09375rem;
  line-height: inherit;
  margin-right: 1rem;
  padding-bottom: .3359375rem;
  padding-top: .3359375rem;
  white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.navbar-nav .nav-link {
  padding-left: 0;
  padding-right: 0
}

.navbar-text {
  display: inline-block;
  padding-bottom: .5rem;
  padding-top: .5rem
}

.navbar-collapse {
  align-items: center;
  flex-basis: 100%;
  flex-grow: 1
}

.navbar-toggler {
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .25rem;
  font-size: 1.09375rem;
  line-height: 1;
  padding: .25rem .75rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler-icon {
  background: 50%/100% 100% no-repeat;
  content: "";
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto
}

@media(max-width:575.98px) {

  .navbar-expand-sm>.container,
  .navbar-expand-sm>.container-fluid,
  .navbar-expand-sm>.container-lg,
  .navbar-expand-sm>.container-md,
  .navbar-expand-sm>.container-sm,
  .navbar-expand-sm>.container-xl {
    padding-left: 0;
    padding-right: 0
  }
}

@media(min-width:576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .navbar-expand-sm>.container,
  .navbar-expand-sm>.container-fluid,
  .navbar-expand-sm>.container-lg,
  .navbar-expand-sm>.container-md,
  .navbar-expand-sm>.container-sm,
  .navbar-expand-sm>.container-xl {
    flex-wrap: nowrap
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-sm .navbar-toggler {
    display: none
  }
}

@media(max-width:767.98px) {

  .navbar-expand-md>.container,
  .navbar-expand-md>.container-fluid,
  .navbar-expand-md>.container-lg,
  .navbar-expand-md>.container-md,
  .navbar-expand-md>.container-sm,
  .navbar-expand-md>.container-xl {
    padding-left: 0;
    padding-right: 0
  }
}

@media(min-width:768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .navbar-expand-md>.container,
  .navbar-expand-md>.container-fluid,
  .navbar-expand-md>.container-lg,
  .navbar-expand-md>.container-md,
  .navbar-expand-md>.container-sm,
  .navbar-expand-md>.container-xl {
    flex-wrap: nowrap
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }
}

@media(max-width:991.98px) {

  .navbar-expand-lg>.container,
  .navbar-expand-lg>.container-fluid,
  .navbar-expand-lg>.container-lg,
  .navbar-expand-lg>.container-md,
  .navbar-expand-lg>.container-sm,
  .navbar-expand-lg>.container-xl {
    padding-left: 0;
    padding-right: 0
  }
}

@media(min-width:992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .navbar-expand-lg>.container,
  .navbar-expand-lg>.container-fluid,
  .navbar-expand-lg>.container-lg,
  .navbar-expand-lg>.container-md,
  .navbar-expand-lg>.container-sm,
  .navbar-expand-lg>.container-xl {
    flex-wrap: nowrap
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }
}

@media(max-width:1199.98px) {

  .navbar-expand-xl>.container,
  .navbar-expand-xl>.container-fluid,
  .navbar-expand-xl>.container-lg,
  .navbar-expand-xl>.container-md,
  .navbar-expand-xl>.container-sm,
  .navbar-expand-xl>.container-xl {
    padding-left: 0;
    padding-right: 0
  }
}

@media(min-width:1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .navbar-expand-xl>.container,
  .navbar-expand-xl>.container-fluid,
  .navbar-expand-xl>.container-lg,
  .navbar-expand-xl>.container-md,
  .navbar-expand-xl>.container-sm,
  .navbar-expand-xl>.container-xl {
    flex-wrap: nowrap
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
    display: none
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
  padding-left: 0;
  padding-right: 0
}

.navbar-expand .navbar-nav {
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-left: .5rem;
  padding-right: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
  flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: #000
}

.navbar-light .navbar-nav .nav-link {
  color: #00000080
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #000
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: #0000004d
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: #000
}

.navbar-light .navbar-toggler {
  border-color: #0000001a;
  color: #00000080
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
  color: #00000080
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
  color: #000
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff
}

.navbar-dark .navbar-nav .nav-link {
  color: #ffffff80
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: #ffffff40
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #fff
}

.navbar-dark .navbar-toggler {
  border-color: #ffffff1a;
  color: #ffffff80
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
  color: #ffffff80
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
  color: #fff
}

.card {
  word-wrap: break-word;
  background-clip: initial;
  background-color: #fff;
  border: 1px solid #dfd7cabf;
  border-radius: .25rem;
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative
}

.card>hr {
  margin-left: 0;
  margin-right: 0
}

.card>.list-group {
  border-bottom: inherit;
  border-top: inherit
}

.card>.list-group:first-child {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
  border-top-width: 0
}

.card>.list-group:last-child {
  border-bottom-left-radius: calc(.25rem - 1px);
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-width: 0
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem
}

.card-title {
  margin-bottom: .75rem
}

.card-subtitle {
  margin-top: -.375rem
}

.card-subtitle,
.card-text:last-child {
  margin-bottom: 0
}

.card-link:hover {
  text-decoration: none
}

.card-link+.card-link {
  margin-left: 1.25rem
}

.card-header {
  background-color: #f8f5f040;
  border-bottom: 1px solid #dfd7cabf;
  margin-bottom: 0;
  padding: .75rem 1.25rem
}

.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
  background-color: #f8f5f040;
  border-top: 1px solid #dfd7cabf;
  padding: .75rem 1.25rem
}

.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
  border-bottom: 0;
  margin-bottom: -.75rem
}

.card-header-pills,
.card-header-tabs {
  margin-left: -.625rem;
  margin-right: -.625rem
}

.card-img-overlay {
  border-radius: calc(.25rem - 1px);
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  top: 0
}

.card-img,
.card-img-bottom,
.card-img-top {
  flex-shrink: 0;
  width: 100%
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
  border-bottom-left-radius: calc(.25rem - 1px);
  border-bottom-right-radius: calc(.25rem - 1px)
}

.card-deck .card {
  margin-bottom: 15px
}

@media(min-width:576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px
  }

  .card-deck .card {
    flex: 1 0;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px
  }
}

.card-group>.card {
  margin-bottom: 15px
}

@media(min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }

  .card-group>.card {
    flex: 1 0;
    margin-bottom: 0
  }

  .card-group>.card+.card {
    border-left: 0;
    margin-left: 0
  }

  .card-group>.card:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-header,
  .card-group>.card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-footer,
  .card-group>.card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-header,
  .card-group>.card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-footer,
  .card-group>.card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}

.card-columns .card {
  margin-bottom: .75rem
}

@media(min-width:576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1
  }

  .card-columns .card {
    display: inline-block;
    width: 100%
  }
}

.accordion {
  overflow-anchor: none
}

.accordion>.card {
  overflow: hidden
}

.accordion>.card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.accordion>.card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.accordion>.card>.card-header {
  border-radius: 0;
  margin-bottom: -1px
}

.breadcrumb {
  background-color: #f8f5f0;
  border-radius: .25rem;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 1rem;
  padding: .75rem 1rem
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
  color: #8e8c84;
  content: "/";
  float: left;
  padding-right: .5rem
}

.breadcrumb-item+.breadcrumb-item:hover:before {
  text-decoration: underline;
  text-decoration: none
}

.breadcrumb-item.active {
  color: #8e8c84
}

.pagination {
  border-radius: .25rem;
  display: flex;
  list-style: none;
  padding-left: 0
}

.page-link {
  border: 1px solid #dfd7ca;
  display: block;
  line-height: 1.25;
  margin-left: -1px;
  padding: .5rem .75rem;
  position: relative
}

.page-link,
.page-link:hover {
  background-color: #f8f5f0;
  color: #8e8c84
}

.page-link:hover {
  border-color: #dfd7ca;
  text-decoration: none;
  z-index: 2
}

.page-link:focus {
  box-shadow: 0 0 0 .2rem #325d8840;
  outline: 0;
  z-index: 3
}

.page-item:first-child .page-link {
  border-bottom-left-radius: .25rem;
  border-top-left-radius: .25rem;
  margin-left: 0
}

.page-item:last-child .page-link {
  border-bottom-right-radius: .25rem;
  border-top-right-radius: .25rem
}

.page-item.active .page-link {
  background-color: #dfd7ca;
  border-color: #dfd7ca;
  color: #8e8c84;
  z-index: 3
}

.page-item.disabled .page-link {
  background-color: #f8f5f0;
  border-color: #dfd7ca;
  color: #dfd7ca;
  cursor: auto;
  pointer-events: none
}

.pagination-lg .page-link {
  font-size: 1.09375rem;
  line-height: 1.5;
  padding: .75rem 1.5rem
}

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: .3rem;
  border-top-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: .3rem;
  border-top-right-radius: .3rem
}

.pagination-sm .page-link {
  font-size: .765625rem;
  line-height: 1.5;
  padding: .25rem .5rem
}

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: .2rem;
  border-top-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: .2rem;
  border-top-right-radius: .2rem
}

.badge {
  border-radius: .25rem;
  display: inline-block;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  padding: .25em .4em;
  text-align: center;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  vertical-align: initial;
  white-space: nowrap
}

@media(prefers-reduced-motion:reduce) {
  .badge {
    transition: none
  }
}

a.badge:focus,
a.badge:hover {
  text-decoration: none
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.badge-pill {
  border-radius: 10rem;
  padding-left: .6em;
  padding-right: .6em
}

.badge-primary {
  background-color: #325d88;
  color: #fff
}

a.badge-primary:focus,
a.badge-primary:hover {
  background-color: #244463;
  color: #fff
}

a.badge-primary.focus,
a.badge-primary:focus {
  box-shadow: 0 0 0 .2rem #325d8880;
  outline: 0
}

.badge-secondary {
  background-color: #8e8c84;
  color: #fff
}

a.badge-secondary:focus,
a.badge-secondary:hover {
  background-color: #74726b;
  color: #fff
}

a.badge-secondary.focus,
a.badge-secondary:focus {
  box-shadow: 0 0 0 .2rem #8e8c8480;
  outline: 0
}

.badge-success {
  background-color: #93c54b;
  color: #fff
}

a.badge-success:focus,
a.badge-success:hover {
  background-color: #79a736;
  color: #fff
}

a.badge-success.focus,
a.badge-success:focus {
  box-shadow: 0 0 0 .2rem #93c54b80;
  outline: 0
}

.badge-info {
  background-color: #29abe0;
  color: #fff
}

a.badge-info:focus,
a.badge-info:hover {
  background-color: #1b8dbb;
  color: #fff
}

a.badge-info.focus,
a.badge-info:focus {
  box-shadow: 0 0 0 .2rem #29abe080;
  outline: 0
}

.badge-warning {
  background-color: #f47c3c;
  color: #fff
}

a.badge-warning:focus,
a.badge-warning:hover {
  background-color: #ef5c0e;
  color: #fff
}

a.badge-warning.focus,
a.badge-warning:focus {
  box-shadow: 0 0 0 .2rem #f47c3c80;
  outline: 0
}

.badge-danger {
  background-color: #d9534f;
  color: #fff
}

a.badge-danger:focus,
a.badge-danger:hover {
  background-color: #c9302c;
  color: #fff
}

a.badge-danger.focus,
a.badge-danger:focus {
  box-shadow: 0 0 0 .2rem #d9534f80;
  outline: 0
}

.badge-light {
  background-color: #f8f5f0;
  color: #212529
}

a.badge-light:focus,
a.badge-light:hover {
  background-color: #e8decd;
  color: #212529
}

a.badge-light.focus,
a.badge-light:focus {
  box-shadow: 0 0 0 .2rem #f8f5f080;
  outline: 0
}

.badge-dark {
  background-color: #3e3f3a;
  color: #fff
}

a.badge-dark:focus,
a.badge-dark:hover {
  background-color: #242422;
  color: #fff
}

a.badge-dark.focus,
a.badge-dark:focus {
  box-shadow: 0 0 0 .2rem #3e3f3a80;
  outline: 0
}

.jumbotron {
  background-color: #f8f5f0;
  border-radius: .3rem;
  margin-bottom: 2rem;
  padding: 2rem 1rem
}

@media(min-width:576px) {
  .jumbotron {
    padding: 4rem 2rem
  }
}

.jumbotron-fluid {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0
}

.alert {
  border: 1px solid #0000;
  border-radius: .25rem;
  margin-bottom: 1rem;
  padding: .75rem 1.25rem;
  position: relative
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3.8125rem
}

.alert-dismissible .close {
  color: inherit;
  padding: .75rem 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.alert-primary {
  background-color: #d6dfe7;
  border-color: #c6d2de;
  color: #1a3047
}

.alert-primary hr {
  border-top-color: #b5c5d4
}

.alert-primary .alert-link {
  color: #0c1721
}

.alert-secondary {
  background-color: #e8e8e6;
  border-color: #dfdfdd;
  color: #4a4945
}

.alert-secondary hr {
  border-top-color: #d3d2cf
}

.alert-secondary .alert-link {
  color: #2f2f2c
}

.alert-success {
  background-color: #e9f3db;
  border-color: #e1efcd;
  color: #4c6627
}

.alert-success hr {
  border-top-color: #d5e9b9
}

.alert-success .alert-link {
  color: #314219
}

.alert-info {
  background-color: #d4eef9;
  border-color: #c3e7f6;
  color: #155974
}

.alert-info hr {
  border-top-color: #addff3
}

.alert-info .alert-link {
  color: #0d3849
}

.alert-warning {
  background-color: #fde5d8;
  border-color: #fcdac8;
  color: #7f401f
}

.alert-warning hr {
  border-top-color: #fbcab0
}

.alert-warning .alert-link {
  color: #562c15
}

.alert-danger {
  background-color: #f7dddc;
  border-color: #f4cfce;
  color: #712b29
}

.alert-danger hr {
  border-top-color: #f0bab9
}

.alert-danger .alert-link {
  color: #4b1d1b
}

.alert-light {
  background-color: #fefdfc;
  border-color: #fdfcfb;
  color: #817f7d
}

.alert-light hr {
  border-top-color: #f5f1e9
}

.alert-light .alert-link {
  color: #676664
}

.alert-dark {
  background-color: #d8d9d8;
  border-color: #c9c9c8;
  color: #20211e
}

.alert-dark hr {
  border-top-color: #bcbdbb
}

.alert-dark .alert-link {
  color: #060606
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0
  }

  to {
    background-position: 0 0
  }
}

.progress {
  background-color: #dfd7ca;
  border-radius: 10px;
  font-size: .65625rem;
  height: 1rem;
  line-height: 0
}

.progress,
.progress-bar {
  display: flex;
  overflow: hidden
}

.progress-bar {
  background-color: #325d88;
  color: #325d88;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  transition: width .6s ease;
  white-space: nowrap
}

@media(prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
  background-size: 1rem 1rem
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite
}

@media(prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    animation: none
  }
}

.media {
  align-items: flex-start;
  display: flex
}

.media-body {
  flex: 1 1
}

.list-group {
  border-radius: .25rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0
}

.list-group-item-action {
  color: #3e3f3a;
  text-align: inherit;
  width: 100%
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  background-color: #f8f5f0;
  color: #3e3f3a;
  text-decoration: none;
  z-index: 1
}

.list-group-item-action:active {
  background-color: #dfd7ca;
  color: #3e3f3a
}

.list-group-item {
  background-color: #fff;
  border: 1px solid #dfd7ca;
  display: block;
  padding: .75rem 1.25rem;
  position: relative
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
  background-color: #fff;
  color: #98978b;
  pointer-events: none
}

.list-group-item.active {
  background-color: #f8f5f0;
  border-color: #dfd7ca;
  color: #3e3f3a;
  z-index: 2
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  border-top-width: 1px;
  margin-top: -1px
}

.list-group-horizontal {
  flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
  border-bottom-left-radius: .25rem;
  border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: .25rem
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-left-width: 0;
  border-top-width: 1px
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  border-left-width: 1px;
  margin-left: -1px
}

@media(min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

  .list-group-horizontal-sm>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: 1px
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px
  }
}

@media(min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

  .list-group-horizontal-md>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-md>.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: 1px
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px
  }
}

@media(min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

  .list-group-horizontal-lg>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: 1px
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px
  }
}

@media(min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

  .list-group-horizontal-xl>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: 1px
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px
  }
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush>.list-group-item {
  border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  background-color: #c6d2de;
  color: #1a3047
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  background-color: #b5c5d4;
  color: #1a3047
}

.list-group-item-primary.list-group-item-action.active {
  background-color: #1a3047;
  border-color: #1a3047;
  color: #fff
}

.list-group-item-secondary {
  background-color: #dfdfdd;
  color: #4a4945
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  background-color: #d3d2cf;
  color: #4a4945
}

.list-group-item-secondary.list-group-item-action.active {
  background-color: #4a4945;
  border-color: #4a4945;
  color: #fff
}

.list-group-item-success {
  background-color: #e1efcd;
  color: #4c6627
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  background-color: #d5e9b9;
  color: #4c6627
}

.list-group-item-success.list-group-item-action.active {
  background-color: #4c6627;
  border-color: #4c6627;
  color: #fff
}

.list-group-item-info {
  background-color: #c3e7f6;
  color: #155974
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  background-color: #addff3;
  color: #155974
}

.list-group-item-info.list-group-item-action.active {
  background-color: #155974;
  border-color: #155974;
  color: #fff
}

.list-group-item-warning {
  background-color: #fcdac8;
  color: #7f401f
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  background-color: #fbcab0;
  color: #7f401f
}

.list-group-item-warning.list-group-item-action.active {
  background-color: #7f401f;
  border-color: #7f401f;
  color: #fff
}

.list-group-item-danger {
  background-color: #f4cfce;
  color: #712b29
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  background-color: #f0bab9;
  color: #712b29
}

.list-group-item-danger.list-group-item-action.active {
  background-color: #712b29;
  border-color: #712b29;
  color: #fff
}

.list-group-item-light {
  background-color: #fdfcfb;
  color: #817f7d
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  background-color: #f5f1e9;
  color: #817f7d
}

.list-group-item-light.list-group-item-action.active {
  background-color: #817f7d;
  border-color: #817f7d;
  color: #fff
}

.list-group-item-dark {
  background-color: #c9c9c8;
  color: #20211e
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  background-color: #bcbdbb;
  color: #20211e
}

.list-group-item-dark.list-group-item-action.active {
  background-color: #20211e;
  border-color: #20211e;
  color: #fff
}

.close {
  color: #000;
  float: right;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1;
  opacity: .5;
  text-shadow: none
}

.close:hover {
  color: #000;
  text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: .75
}

button.close {
  background-color: #0000;
  border: 0;
  padding: 0
}

a.close.disabled {
  pointer-events: none
}

.toast {
  background-clip: padding-box;
  background-color: #ffffffd9;
  border: 1px solid #0000001a;
  border-radius: .25rem;
  box-shadow: 0 .25rem .75rem #0000001a;
  flex-basis: 350px;
  font-size: .875rem;
  max-width: 350px;
  opacity: 0
}

.toast:not(:last-child) {
  margin-bottom: .75rem
}

.toast.showing {
  opacity: 1
}

.toast.show {
  display: block;
  opacity: 1
}

.toast.hide {
  display: none
}

.toast-header {
  align-items: center;
  background-clip: padding-box;
  background-color: #ffffffd9;
  border-bottom: 1px solid #0000000d;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
  color: #8e8c84;
  display: flex;
  padding: .25rem .75rem
}

.toast-body {
  padding: .75rem
}

.modal-open {
  overflow: hidden
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal {
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050
}

.modal-dialog {
  margin: .5rem;
  pointer-events: none;
  position: relative;
  width: auto
}

.modal.fade .modal-dialog {
  transform: translateY(-50px);
  transition: transform .3s ease-out
}

@media(prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
  flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  align-items: center;
  display: flex;
  min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
  content: "";
  display: block;
  height: calc(100vh - 1rem);
  height: min-content
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
  content: none
}

.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #dfd7ca;
  border-radius: .3rem;
  display: flex;
  flex-direction: column;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 100%
}

.modal-backdrop {
  background-color: #000;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1040
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: .5
}

.modal-header {
  align-items: flex-start;
  border-bottom: 1px solid #dfd7ca;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
  display: flex;
  justify-content: space-between;
  padding: 1rem
}

.modal-header .close {
  margin: -1rem -1rem -1rem auto;
  padding: 1rem
}

.modal-title {
  line-height: 1.5;
  margin-bottom: 0
}

.modal-body {
  flex: 1 1 auto;
  padding: 1rem;
  position: relative
}

.modal-footer {
  align-items: center;
  border-bottom-left-radius: calc(.3rem - 1px);
  border-bottom-right-radius: calc(.3rem - 1px);
  border-top: 1px solid #dfd7ca;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: .75rem
}

.modal-footer>* {
  margin: .25rem
}

.modal-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 50px
}

@media(min-width:576px) {
  .modal-dialog {
    margin: 1.75rem auto;
    max-width: 500px
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem)
  }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem)
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
  }

  .modal-dialog-centered:before {
    height: calc(100vh - 3.5rem);
    height: min-content
  }

  .modal-sm {
    max-width: 300px
  }
}

@media(min-width:992px) {

  .modal-lg,
  .modal-xl {
    max-width: 800px
  }
}

@media(min-width:1200px) {
  .modal-xl {
    max-width: 1140px
  }
}

.tooltip {
  word-wrap: break-word;
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: .765625rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  margin: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1070
}

.tooltip.show {
  opacity: .9
}

.tooltip .arrow {
  display: block;
  height: .4rem;
  position: absolute;
  width: .8rem
}

.tooltip .arrow:before {
  border-color: #0000;
  border-style: solid;
  content: "";
  position: absolute
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
  padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
  bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before {
  border-top-color: #000;
  border-width: .4rem .4rem 0;
  top: 0
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
  padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
  height: .8rem;
  left: 0;
  width: .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
  border-right-color: #000;
  border-width: .4rem .4rem .4rem 0;
  right: 0
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
  padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
  top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #000;
  border-width: 0 .4rem .4rem;
  bottom: 0
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
  padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
  height: .8rem;
  right: 0;
  width: .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
  border-left-color: #000;
  border-width: .4rem 0 .4rem .4rem;
  left: 0
}

.tooltip-inner {
  background-color: #000;
  border-radius: .25rem;
  color: #fff;
  max-width: 200px;
  padding: .25rem .5rem;
  text-align: center
}

.popover {
  word-wrap: break-word;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #0003;
  border-radius: .3rem;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: .765625rem;
  font-style: normal;
  font-weight: 400;
  left: 0;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  max-width: 276px;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  top: 0;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1060
}

.popover,
.popover .arrow {
  display: block;
  position: absolute
}

.popover .arrow {
  height: .5rem;
  margin: 0 .3rem;
  width: 1rem
}

.popover .arrow:after,
.popover .arrow:before {
  border-color: #0000;
  border-style: solid;
  content: "";
  display: block;
  position: absolute
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
  margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
  bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow:before,
.bs-popover-top>.arrow:before {
  border-top-color: #00000040;
  border-width: .5rem .5rem 0;
  bottom: 0
}

.bs-popover-auto[x-placement^=top]>.arrow:after,
.bs-popover-top>.arrow:after {
  border-top-color: #fff;
  border-width: .5rem .5rem 0;
  bottom: 1px
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
  margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
  height: 1rem;
  left: calc(-.5rem - 1px);
  margin: .3rem 0;
  width: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow:before,
.bs-popover-right>.arrow:before {
  border-right-color: #00000040;
  border-width: .5rem .5rem .5rem 0;
  left: 0
}

.bs-popover-auto[x-placement^=right]>.arrow:after,
.bs-popover-right>.arrow:after {
  border-right-color: #fff;
  border-width: .5rem .5rem .5rem 0;
  left: 1px
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
  margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
  top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.bs-popover-bottom>.arrow:before {
  border-bottom-color: #00000040;
  border-width: 0 .5rem .5rem;
  top: 0
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.bs-popover-bottom>.arrow:after {
  border-bottom-color: #fff;
  border-width: 0 .5rem .5rem;
  top: 1px
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
  border-bottom: 1px solid #f8f5f0;
  content: "";
  display: block;
  left: 50%;
  margin-left: -.5rem;
  position: absolute;
  top: 0;
  width: 1rem
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
  margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
  height: 1rem;
  margin: .3rem 0;
  right: calc(-.5rem - 1px);
  width: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow:before,
.bs-popover-left>.arrow:before {
  border-left-color: #00000040;
  border-width: .5rem 0 .5rem .5rem;
  right: 0
}

.bs-popover-auto[x-placement^=left]>.arrow:after,
.bs-popover-left>.arrow:after {
  border-left-color: #fff;
  border-width: .5rem 0 .5rem .5rem;
  right: 1px
}

.popover-header {
  background-color: #f8f5f0;
  border-bottom: 1px solid #f0e9df;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
  font-size: .875rem;
  margin-bottom: 0;
  padding: .5rem .75rem
}

.popover-header:empty {
  display: none
}

.popover-body {
  color: #3e3f3a;
  padding: .5rem .75rem
}

.carousel {
  position: relative
}

.carousel.pointer-event {
  touch-action: pan-y
}

.carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%
}

.carousel-inner:after {
  clear: both;
  content: "";
  display: block
}

.carousel-item {
  backface-visibility: hidden;
  display: none;
  float: left;
  margin-right: -100%;
  position: relative;
  transition: transform .6s ease-in-out;
  width: 100%
}

@media(prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
  transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
  transform: translateX(-100%)
}

.carousel-fade .carousel-item {
  opacity: 0;
  transform: none;
  transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
  opacity: 1;
  z-index: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
  transition: opacity 0s .6s;
  z-index: 0
}

@media(prefers-reduced-motion:reduce) {

  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none
  }
}

.carousel-control-next,
.carousel-control-prev {
  align-items: center;
  background: none;
  border: 0;
  bottom: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  opacity: .5;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity .15s ease;
  width: 15%;
  z-index: 1
}

@media(prefers-reduced-motion:reduce) {

  .carousel-control-next,
  .carousel-control-prev {
    transition: none
  }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  opacity: .9;
  outline: 0;
  text-decoration: none
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  background: 50%/100% 100% no-repeat;
  display: inline-block;
  height: 20px;
  width: 20px
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='%23fff'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='%23fff'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  list-style: none;
  margin-left: 15%;
  margin-right: 15%;
  padding-left: 0;
  position: absolute;
  right: 0;
  z-index: 15
}

.carousel-indicators li {
  background-clip: padding-box;
  background-color: #fff;
  border-bottom: 10px solid #0000;
  border-top: 10px solid #0000;
  box-sizing: initial;
  cursor: pointer;
  flex: 0 1 auto;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
  opacity: .5;
  text-indent: -999px;
  transition: opacity .6s ease;
  width: 30px
}

@media(prefers-reduced-motion:reduce) {
  .carousel-indicators li {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  bottom: 20px;
  color: #fff;
  left: 15%;
  padding-bottom: 20px;
  padding-top: 20px;
  position: absolute;
  right: 15%;
  text-align: center;
  z-index: 10
}

@keyframes spinner-border {
  to {
    transform: rotate(1turn)
  }
}

.spinner-border {
  animation: spinner-border .75s linear infinite;
  border: .25em solid;
  border-radius: 50%;
  border-right: .25em solid #0000;
  display: inline-block;
  height: 2rem;
  vertical-align: -.125em;
  width: 2rem
}

.spinner-border-sm {
  border-width: .2em;
  height: 1rem;
  width: 1rem
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.spinner-grow {
  animation: spinner-grow .75s linear infinite;
  background-color: currentcolor;
  border-radius: 50%;
  display: inline-block;
  height: 2rem;
  opacity: 0;
  vertical-align: -.125em;
  width: 2rem
}

.spinner-grow-sm {
  height: 1rem;
  width: 1rem
}

@media(prefers-reduced-motion:reduce) {

  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s
  }
}

.align-baseline {
  vertical-align: initial !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.bg-primary {
  background-color: #325d88 !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #244463 !important
}

.bg-secondary {
  background-color: #8e8c84 !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color: #74726b !important
}

.bg-success {
  background-color: #93c54b !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
  background-color: #79a736 !important
}

.bg-info {
  background-color: #29abe0 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
  background-color: #1b8dbb !important
}

.bg-warning {
  background-color: #f47c3c !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
  background-color: #ef5c0e !important
}

.bg-danger {
  background-color: #d9534f !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
  background-color: #c9302c !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
  background-color: #e8decd !important
}

.bg-dark {
  background-color: #3e3f3a !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #242422 !important
}

.bg-white {
  background-color: #fff !important
}

.bg-transparent {
  background-color: #0000 !important
}

.border {
  border: 1px solid #666 !important
}

.border-top {
  border-top: 1px solid #666 !important
}

.border-right {
  border-right: 1px solid #666 !important
}

.border-bottom {
  border-bottom: 1px solid #666 !important
}

.border-left {
  border-left: 1px solid #666 !important
}

.border-0 {
  border: 0 !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-right-0 {
  border-right: 0 !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-left-0 {
  border-left: 0 !important
}

.border-primary {
  border-color: #325d88 !important
}

.border-secondary {
  border-color: #8e8c84 !important
}

.border-success {
  border-color: #93c54b !important
}

.border-info {
  border-color: #29abe0 !important
}

.border-warning {
  border-color: #f47c3c !important
}

.border-danger {
  border-color: #d9534f !important
}

.border-light {
  border-color: #f8f5f0 !important
}

.border-dark {
  border-color: #3e3f3a !important
}

.border-white {
  border-color: #fff !important
}

.rounded-sm {
  border-radius: .2rem !important
}

.rounded {
  border-radius: .25rem !important
}

.rounded-top {
  border-top-left-radius: .25rem !important
}

.rounded-right,
.rounded-top {
  border-top-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-right {
  border-bottom-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-left {
  border-bottom-left-radius: .25rem !important
}

.rounded-left {
  border-top-left-radius: .25rem !important
}

.rounded-lg {
  border-radius: .3rem !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: 50rem !important
}

.rounded-0 {
  border-radius: 0 !important
}

.clearfix:after {
  clear: both;
  content: "";
  display: block
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

@media(min-width:576px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width:768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width:992px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width:1200px) {
  .d-xl-none {
    display: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }
}

@media print {
  .d-print-none {
    display: none !important
  }

  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }
}

.embed-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%
}

.embed-responsive:before {
  content: "";
  display: block
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.embed-responsive-21by9:before {
  padding-top: 42.85714286%
}

.embed-responsive-16by9:before {
  padding-top: 56.25%
}

.embed-responsive-4by3:before {
  padding-top: 75%
}

.embed-responsive-1by1:before {
  padding-top: 100%
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

@media(min-width:576px) {
  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }
}

@media(min-width:768px) {
  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }
}

@media(min-width:992px) {
  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }
}

@media(min-width:1200px) {
  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

.float-none {
  float: none !important
}

@media(min-width:576px) {
  .float-sm-left {
    float: left !important
  }

  .float-sm-right {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }
}

@media(min-width:768px) {
  .float-md-left {
    float: left !important
  }

  .float-md-right {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }
}

@media(min-width:992px) {
  .float-lg-left {
    float: left !important
  }

  .float-lg-right {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }
}

@media(min-width:1200px) {
  .float-xl-left {
    float: left !important
  }

  .float-xl-right {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }
}

.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: sticky !important
}

.fixed-top {
  top: 0
}

.fixed-bottom,
.fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030
}

.fixed-bottom {
  bottom: 0
}

@supports(position:sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
  box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
  box-shadow: none !important
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.vw-100 {
  width: 100vw !important
}

.vh-100 {
  height: 100vh !important
}

.m-0 {
  margin: 0 !important
}

.mt-0,
.my-0 {
  margin-top: 0 !important
}

.mr-0,
.mx-0 {
  margin-right: 0 !important
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
  margin-left: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.mt-1,
.my-1 {
  margin-top: .25rem !important
}

.mr-1,
.mx-1 {
  margin-right: .25rem !important
}

.mb-1,
.my-1 {
  margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
  margin-left: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.mt-2,
.my-2 {
  margin-top: .5rem !important
}

.mr-2,
.mx-2 {
  margin-right: .5rem !important
}

.mb-2,
.my-2 {
  margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
  margin-left: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.mt-3,
.my-3 {
  margin-top: 1rem !important
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.mt-5,
.my-5 {
  margin-top: 3rem !important
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0,
.py-0 {
  padding-top: 0 !important
}

.pr-0,
.px-0 {
  padding-right: 0 !important
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important
}

.pl-0,
.px-0 {
  padding-left: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.pt-1,
.py-1 {
  padding-top: .25rem !important
}

.pr-1,
.px-1 {
  padding-right: .25rem !important
}

.pb-1,
.py-1 {
  padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
  padding-left: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2,
.py-2 {
  padding-top: .5rem !important
}

.pr-2,
.px-2 {
  padding-right: .5rem !important
}

.pb-2,
.py-2 {
  padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
  padding-left: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.pt-3,
.py-3 {
  padding-top: 1rem !important
}

.pr-3,
.px-3 {
  padding-right: 1rem !important
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
  padding-left: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.pt-5,
.py-5 {
  padding-top: 3rem !important
}

.pr-5,
.px-5 {
  padding-right: 3rem !important
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
  padding-left: 3rem !important
}

.m-n1 {
  margin: -.25rem !important
}

.mt-n1,
.my-n1 {
  margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
  margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
  margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
  margin-left: -.25rem !important
}

.m-n2 {
  margin: -.5rem !important
}

.mt-n2,
.my-n2 {
  margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
  margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
  margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
  margin-left: -.5rem !important
}

.m-n3 {
  margin: -1rem !important
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important
}

.m-n4 {
  margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important
}

.m-n5 {
  margin: -3rem !important
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important
}

.m-auto {
  margin: auto !important
}

.mt-auto,
.my-auto {
  margin-top: auto !important
}

.mr-auto,
.mx-auto {
  margin-right: auto !important
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
  margin-left: auto !important
}

@media(min-width:576px) {
  .m-sm-0 {
    margin: 0 !important
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: .25rem !important
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: .25rem !important
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: .25rem !important
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: .5rem !important
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: .5rem !important
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: .5rem !important
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: .25rem !important
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: .25rem !important
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: .25rem !important
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: .5rem !important
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: .5rem !important
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: .5rem !important
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important
  }

  .m-sm-n1 {
    margin: -.25rem !important
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -.25rem !important
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -.25rem !important
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -.25rem !important
  }

  .m-sm-n2 {
    margin: -.5rem !important
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -.5rem !important
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -.5rem !important
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -.5rem !important
  }

  .m-sm-n3 {
    margin: -1rem !important
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important
  }

  .m-sm-n4 {
    margin: -1.5rem !important
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important
  }

  .m-sm-n5 {
    margin: -3rem !important
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important
  }
}

@media(min-width:768px) {
  .m-md-0 {
    margin: 0 !important
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: .25rem !important
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: .25rem !important
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: .25rem !important
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: .5rem !important
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: .5rem !important
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: .5rem !important
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: .25rem !important
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: .25rem !important
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: .25rem !important
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: .5rem !important
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: .5rem !important
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: .5rem !important
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important
  }

  .m-md-n1 {
    margin: -.25rem !important
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -.25rem !important
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -.25rem !important
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -.25rem !important
  }

  .m-md-n2 {
    margin: -.5rem !important
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -.5rem !important
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -.5rem !important
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -.5rem !important
  }

  .m-md-n3 {
    margin: -1rem !important
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important
  }

  .m-md-n4 {
    margin: -1.5rem !important
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important
  }

  .m-md-n5 {
    margin: -3rem !important
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important
  }
}

@media(min-width:992px) {
  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: .25rem !important
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: .25rem !important
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: .25rem !important
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: .5rem !important
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: .5rem !important
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: .5rem !important
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: .25rem !important
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: .25rem !important
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: .25rem !important
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: .5rem !important
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: .5rem !important
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: .5rem !important
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important
  }

  .m-lg-n1 {
    margin: -.25rem !important
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -.25rem !important
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -.25rem !important
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -.25rem !important
  }

  .m-lg-n2 {
    margin: -.5rem !important
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -.5rem !important
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -.5rem !important
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -.5rem !important
  }

  .m-lg-n3 {
    margin: -1rem !important
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important
  }

  .m-lg-n4 {
    margin: -1.5rem !important
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important
  }

  .m-lg-n5 {
    margin: -3rem !important
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important
  }
}

@media(min-width:1200px) {
  .m-xl-0 {
    margin: 0 !important
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: .25rem !important
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: .25rem !important
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: .25rem !important
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: .5rem !important
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: .5rem !important
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: .5rem !important
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: .25rem !important
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: .25rem !important
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: .25rem !important
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: .5rem !important
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: .5rem !important
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: .5rem !important
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important
  }

  .m-xl-n1 {
    margin: -.25rem !important
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -.25rem !important
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -.25rem !important
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -.25rem !important
  }

  .m-xl-n2 {
    margin: -.5rem !important
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -.5rem !important
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -.5rem !important
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -.5rem !important
  }

  .m-xl-n3 {
    margin: -1rem !important
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important
  }

  .m-xl-n4 {
    margin: -1.5rem !important
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important
  }

  .m-xl-n5 {
    margin: -3rem !important
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important
  }
}

.stretched-link:after {
  background-color: #0000;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.text-justify {
  text-align: justify !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

@media(min-width:576px) {
  .text-sm-left {
    text-align: left !important
  }

  .text-sm-right {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media(min-width:768px) {
  .text-md-left {
    text-align: left !important
  }

  .text-md-right {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media(min-width:992px) {
  .text-lg-left {
    text-align: left !important
  }

  .text-lg-right {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media(min-width:1200px) {
  .text-xl-left {
    text-align: left !important
  }

  .text-xl-right {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.font-weight-light {
  font-weight: 300 !important
}

.font-weight-lighter {
  font-weight: lighter !important
}

.font-weight-normal {
  font-weight: 400 !important
}

.font-weight-bold {
  font-weight: 700 !important
}

.font-weight-bolder {
  font-weight: bolder !important
}

.font-italic {
  font-style: italic !important
}

.text-white {
  color: #fff !important
}

.text-primary {
  color: #325d88 !important
}

a.text-primary:focus,
a.text-primary:hover {
  color: #1d3750 !important
}

.text-secondary {
  color: #8e8c84 !important
}

a.text-secondary:focus,
a.text-secondary:hover {
  color: #67655f !important
}

.text-success {
  color: #93c54b !important
}

a.text-success:focus,
a.text-success:hover {
  color: #6b9430 !important
}

.text-info {
  color: #29abe0 !important
}

a.text-info:focus,
a.text-info:hover {
  color: #187ca5 !important
}

.text-warning {
  color: #f47c3c !important
}

a.text-warning:focus,
a.text-warning:hover {
  color: #d7530c !important
}

.text-danger {
  color: #d9534f !important
}

a.text-danger:focus,
a.text-danger:hover {
  color: #b52b27 !important
}

.text-light {
  color: #f8f5f0 !important
}

a.text-light:focus,
a.text-light:hover {
  color: #e0d2bc !important
}

.text-dark {
  color: #3e3f3a !important
}

a.text-dark:focus,
a.text-dark:hover {
  color: #171715 !important
}

.text-body {
  color: #3e3f3a !important
}

.text-muted {
  color: #8e8c84 !important
}

.text-black-50 {
  color: #00000080 !important
}

.text-white-50 {
  color: #ffffff80 !important
}

.text-hide {
  background-color: #0000;
  border: 0;
  color: #0000;
  font: 0/0 a;
  text-shadow: none
}

.text-decoration-none {
  text-decoration: none !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.text-reset {
  color: inherit !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media print {

  *,
  :after,
  :before {
    box-shadow: none !important;
    text-shadow: none !important
  }

  a:not(.btn) {
    text-decoration: underline
  }

  abbr[title]:after {
    content: " (" attr(title) ")"
  }

  pre {
    white-space: pre-wrap !important
  }

  blockquote,
  pre {
    border: 1px solid #98978b
  }

  blockquote,
  img,
  pre,
  tr {
    page-break-inside: avoid
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }

  @page {
    size: a3
  }

  .container,
  body {
    min-width: 992px !important
  }

  .navbar {
    display: none
  }

  .badge {
    border: 1px solid #000
  }

  .table {
    border-collapse: collapse !important
  }

  .table td,
  .table th {
    background-color: #fff !important
  }

  .table-bordered td,
  .table-bordered th {
    border: 1px solid #dfd7ca !important
  }

  .table-dark {
    color: inherit
  }

  .table-dark tbody+tbody,
  .table-dark td,
  .table-dark th,
  .table-dark thead th {
    border-color: #666
  }

  .table .thead-dark th {
    border-color: #666;
    color: inherit
  }
}

.nav-underline .nav-link {
  color: var(--secondary);
  font-size: .8rem
}

.nav-underline .nav-link:hover {
  color: var(--blue)
}

.nav-underline .active {
  color: var(--gray-dark);
  font-weight: 500
}

.bg-primary {
  background-color: #3e3f3a !important
}

.bg-dark {
  background-color: #8e8c84 !important
}

.bg-light {
  background-color: #f8f5f0 !important
}

.bg-tron-light {
  background-color: #fff !important
}

.breadcrumb,
.btn,
.dropdown-menu .dropdown-item,
.nav-pills .nav-link,
.nav-tabs .nav-link,
.pagination,
.sandstone {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-transform: capitalize
}

.navbar .nav-link {
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  text-transform: capitalize
}

.navbar-form .form-control,
.navbar-form input {
  border: none
}

.btn:hover {
  border-color: #0000
}

.btn-success,
.btn-warning {
  color: #fff
}

.table .thead-dark th {
  background-color: #3e3f3a
}

.nav-tabs .nav-link {
  background-color: #f8f5f0;
  border-color: #dfd7ca
}

.nav-tabs .nav-link,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  color: #8e8c84
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:focus,
.nav-tabs .nav-link.disabled:hover {
  background-color: #f8f5f0;
  border-color: #dfd7ca;
  color: #dfd7ca
}

.nav-pills .nav-link {
  border: 1px solid #0000;
  color: #8e8c84
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
  background-color: #f8f5f0;
  border-color: #dfd7ca
}

.nav-pills .nav-link.disabled,
.nav-pills .nav-link.disabled:hover {
  background-color: #0000;
  border-color: #0000;
  color: #dfd7ca
}

.breadcrumb {
  border: 1px solid #dfd7ca
}

.pagination a:hover {
  text-decoration: none
}

.dropdown-menu .dropdown-item {
  text-transform: none
}

.alert {
  color: #fff
}

.alert .alert-link,
.alert a {
  color: #fff;
  text-decoration: underline
}

.alert-primary,
.alert-primary>td,
.alert-primary>th {
  background-color: #325d88
}

.alert-secondary,
.alert-secondary>td,
.alert-secondary>th {
  background-color: #8e8c84
}

.alert-success,
.alert-success>td,
.alert-success>th {
  background-color: #93c54b
}

.alert-info,
.alert-info>td,
.alert-info>th {
  background-color: #29abe0
}

.alert-danger,
.alert-danger>td,
.alert-danger>th {
  background-color: #d9534f
}

.alert-warning,
.alert-warning>td,
.alert-warning>th {
  background-color: #f47c3c
}

.alert-dark,
.alert-dark>td,
.alert-dark>th {
  background-color: #3e3f3a
}

.alert-light,
.alert-light>td,
.alert-light>th {
  background-color: #f8f5f0
}

.alert-light,
.alert-light .alert-link,
.alert-light a:not(.btn) {
  color: #3e3f3a
}

.badge-success,
.badge-warning {
  color: #fff
}

.tooltip {
  font-family: PingFangSC-Regular\, PingFang SC;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px
}

.tooltip.home-tooltip-overlay .tooltip-inner {
  background: #000000b3;
  border-radius: 10px;
  font-size: .75rem;
  padding: 1rem
}

.tooltip .tooltip-inner {
  background: #000c;
  border-radius: 1px;
  text-align: left
}

.tooltip .arrow:before {
  border-top-color: #000c
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
  border-color: #0000 #000c #0000 #0000
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
  border-color: #0000 #0000 #000c
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
  border-color: #0000 #0000 #0000 #000c
}

.close {
  color: #dfd7ca;
  opacity: 1
}

.close:hover {
  color: #b9a78a
}

a {
  text-decoration: none
}

button {
  background: none;
  border: none;
  line-height: normal;
  padding: 0
}

.table>:not(caption)>*>* {
  border-bottom-width: 0
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  border-color: #0000
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5
}

.bg-dark {
  background-color: #2c2c2c !important
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #0000 !important;
  outline: none !important
}

.btn:active,
.btn:focus {
  box-shadow: none !important;
  outline: none !important
}

.page-link:focus {
  box-shadow: none
}

h6 {
  line-height: 1.3
}

.btn {
  border-radius: 1px
}

.btn-default {
  background: #0000;
  border-color: #c23631
}

.btn-default span {
  color: #c23631
}

.btn-default:hover {
  background-color: #c23631;
  border-color: #c23631
}

.btn-default:hover,
.btn-default:hover span {
  color: #fff !important
}

.btn-success,
.btn-success:disabled {
  background-color: #69c265;
  border-color: #69c265
}

.btn-primary {
  background-color: #4a90e2;
  border-color: #4a90e2
}

.btn-group-lg>.btn,
.btn-lg {
  padding-bottom: 8px;
  padding-top: 8px
}

.btn-xs {
  padding-bottom: 0;
  padding-top: 0
}

.badge {
  border-radius: 2px;
  font-size: 12px;
  padding: 3px 14px
}

.badge-danger {
  background: #c2363133;
  color: #c23631
}

.badge-success {
  background: #69c26533;
  color: #2eac28
}

.badge-warning {
  background: #f47c3c33;
  color: #f47c3c
}

.badge-secondary {
  background: #8e8c8433;
  color: #8e8c84
}

.border-light {
  border-color: #999 !important
}

.modal-dialog-link.modal-dialog-new .modal-footer {
  height: 50px;
  width: 100%
}

.modal-dialog-link.modal-dialog-new .modal-footer .btn-primary {
  background: #101010;
  border: 1px solid #101010;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  height: 40px;
  width: 100%
}

.modal-dialog-link .modal-footer {
  border-top: none;
  text-align: center
}

.modal-dialog-link .modal-footer .btn-primary {
  background: #c23631;
  border: 1px solid #c23631;
  border-radius: 1px;
  margin: 0 auto
}

.modal-dialog-link .modal-header {
  color: #333;
  font-size: 16px;
  margin: 0 30px
}

.modal-dialog-link .text-truncate {
  color: #c23631;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px
}

.modal-dialog-link .close {
  color: #666;
  font-size: 28px
}

.list-style-body__header .nav-tabs .nav-link {
  color: #999;
  font-size: 14px
}

.list-style-body-scroll__header li a span {
  color: #999;
  font-family: PingFangSC-Regular;
  font-size: 14px
}

.ant-table .ant-table-thead>tr>th {
  border-bottom: 1px solid #f3f3f3;
  color: #333;
  padding: 11px 13px
}

.ant-table .ant-table-tbody>tr>td {
  color: #666
}

.ant-table .ant-table-tbody>tr>td .subDesc {
  color: #999
}

.ant-table .ant-table-tbody>tr>td:last-child {
  border-right: none
}

.ant-table .ant-table-tbody>tr:last-child td {
  border-bottom: none
}

.ant-table a,
.ant-table h5 {
  color: #c23631 !important;
  font-size: 14px
}

.ant-table p {
  font-size: 12px;
  height: 2.6em;
  line-height: 1.4em;
  margin: 0;
  overflow: hidden
}

.ant-table .table-imgtext {
  align-items: center;
  display: flex
}

.ant-table-column-has-filters i,
.ant-table-column-has-filters span {
  color: #c23631 !important
}

.ant-table .ant-table-row .ant-table-row-td-address {
  align-items: center;
  border: 1px dashed #0000;
  border-radius: 4px;
  display: inline-flex;
  height: 36px;
  height: 24px;
  padding: 0 4px
}

.ant-table .ant-table-row .ant-table-row-td-address .address-link-wrap .new-tag-wrap,
.ant-table .ant-table-row .ant-table-row-td-address .address-link-wrap .tag-background,
.ant-table .ant-table-row .ant-table-row-td-address .truncate-address .truncate-ellipsis-personal>span {
  border: 1px dashed #0000
}

.ant-table .ant-table-row .ant-table-row-td-address .personal-address-link {
  padding-right: 1px
}

.ant-table .ant-table-row .ant-table-row-td-address.transfer-to-address .address-container .truncate-ellipsis {
  display: block
}

.ant-table .ant-table-row .ant-table-row-td-contract {
  align-items: center;
  border: 1px dashed #0000;
  border-radius: 4px;
  display: inline-flex;
  height: 36px;
  height: 28px;
  padding: 0 4px
}

.ant-table .ant-table-row .ant-table-row-td-contract:has(.ellipsis_box_copy) {
  padding-right: 0
}

.ant-table .ant-table-row .ant-table-row-td-contract:has(.flagIcon) {
  padding-left: 0
}

.ant-table .ant-table-row .ant-table-row-td-contract:has(.flagIcon) .address-link-wrap .address-link {
  border: 1px dashed #0000;
  padding-left: 4px
}

.ant-table .ant-table-row .ant-table-row-td-contract .flagIcon {
  border: 1px dashed #0000;
  padding: 0 4px
}

.ant-table .ant-table-row .ant-table-row-td-contract .contract_ellipsis_box {
  border: 1px dashed #0000;
  max-width: calc(100% - 28px);
  padding: 1px 2px !important
}

.ant-table .ant-table-row .ant-table-row-td-contract .ellipsis_box:not(.tag-background) {
  border: 1px dashed #0000;
  padding: 1px 4px
}

.ant-table .ant-table-row .ant-table-row-td-contract .address-link-wrap .tag-background {
  border: 1px dashed #0000
}

.ant-table .ant-table-row .ant-table-row-td-contract .personal-address-link {
  padding-right: 2px
}

.ant-table .ant-table-row .ant-table-row-td-contract .new-tag-wrap {
  border: 1px dashed #0000
}

.ant-table .ant-table-row .ant-table-row-td-multi-address {
  align-items: center;
  border: 1px dashed #0000;
  border-radius: 4px;
  display: inline-flex;
  height: 36px;
  height: auto;
  padding: 0 4px
}

.ant-table .ant-table-row .ant-table-row-td-multi-address .address-link-wrap .tag-background,
.ant-table .ant-table-row .ant-table-row-td-multi-address .truncate-address .truncate-ellipsis-personal>span {
  border: 1px dashed #0000
}

.ant-table .ant-table-row .ant-table-row-td-multi-address .personal-address-link {
  padding-right: 2px
}

.ant-table .ant-table-row .ant-table-row-td-multi-method {
  align-items: center;
  border: 1px dashed #0000;
  border-radius: 4px;
  display: inline-flex;
  height: 36px;
  height: auto;
  padding: 0 4px
}

.ant-table .ant-table-row .ant-table-row-td-method {
  align-items: center;
  border: 1px dashed #0000;
  border-radius: 4px;
  display: inline-flex;
  height: 36px;
  height: 24px;
  padding: 0 4px
}

.ant-table .ant-table-row .ant-table-row-td-token,
.ant-table .ant-table-row .ant-table-row-td-trx {
  align-items: center;
  border: 1px dashed #0000;
  border-radius: 4px;
  display: inline-flex;
  height: 36px;
  padding: 0 4px
}

.ant-table .ant-table-row .ant-table-row-td-trx {
  height: 30px
}

.ant-table .ant-table-row .ant-table-row-td-tokenId {
  align-items: center;
  border: 1px dashed #0000;
  border-radius: 4px;
  display: inline-flex;
  height: 36px;
  height: 28px;
  padding: 0 4px
}

.ant-table .ant-table-row .ant-table-row-td-trc10,
.ant-table .ant-table-row .ant-table-row-td-trc1155,
.ant-table .ant-table-row .ant-table-row-td-trc20,
.ant-table .ant-table-row .ant-table-row-td-trc721 {
  align-items: center;
  border: 1px dashed #0000;
  border-radius: 4px;
  display: inline-flex;
  height: 36px;
  height: 40px;
  padding: 0 4px
}

.ant-table .ant-table-row .ant-table-row-td-risk {
  align-items: center;
  border: 1px dashed #0000;
  border-radius: 4px;
  display: inline-flex;
  height: 36px;
  padding: 0 4px
}

.ant-table .ant-table-row .ant-table-row-td-highlight.address-highlight-exclude-copy .address-link {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px
}

.ant-table .ant-table-row .ant-table-row-td-highlight:not(.address-highlight-exclude-copy)>div,
.ant-table .ant-table-row .ant-table-row-td-highlight:not(.address-highlight-exclude-copy)>span {
  align-items: center;
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px;
  display: inline-flex !important
}

.ant-table .ant-table-row .ant-table-row-td-highlight:not(.address-highlight-exclude-copy)>div.remark-icon-wrap,
.ant-table .ant-table-row .ant-table-row-td-highlight:not(.address-highlight-exclude-copy)>span.remark-icon-wrap {
  background: #fff
}

.ant-table .ant-table-row .ant-table-row-td-highlight .remark-icon-wrap {
  background-color: #fff;
  border: none !important
}

.ant-table .ant-table-row .ant-table-row-td-highlight .transfer-to-address .address-container .truncate-ellipsis {
  display: block
}

.ant-table .ant-table-row .ant-table-row-td-tag-highlight .address-link-wrap .address-link:not(:has(.flagIcon)) .tag-background {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px
}

.ant-table .ant-table-row .ant-table-row-td-tag-highlight .address-link-wrap .address-link:has(.flagIcon) {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px
}

.ant-table .ant-table-row .ant-table-row-td-tag-highlight .address-link-wrap .address-link:has(.flagIcon) .tag-background {
  background-color: #0000
}

.ant-table .ant-table-row .ant-table-row-td-tag-highlight .address-link-wrap .new-tag-wrap,
.ant-table .ant-table-row .ant-table-row-td-tag-highlight .truncate-address .truncate-ellipsis-personal>span {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px
}

.ant-table .ant-table-row .ant-table-row-td-private-tag-highlight .address-link-wrap:not(:has(.flagIcon)) .tag-background {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px
}

.ant-table .ant-table-row .ant-table-row-td-private-tag-highlight .address-link-wrap:has(.flagIcon) .personal-address-link {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px
}

.ant-table .ant-table-row .ant-table-row-td-private-tag-highlight .address-link-wrap:has(.flagIcon) .personal-address-link .tag-background {
  background-color: #0000
}

.ant-table .ant-table-row .ant-table-row-td-private-tag-highlight .truncate-address .truncate-ellipsis-personal>span {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px
}

.ant-table-bordered .ant-table-body>table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table,
.ant-table-bordered .ant-table-header>table {
  border: 1px solid #d8d8d8
}

.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>td,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>th,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>td,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>th,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>td,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>th,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>td,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>th,
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th {
  border-right: 0
}

.ant-table.ant-table-bordered>.ant-table-container {
  border: none !important
}

.tron-light .ant-multi-th .ant-table .ant-table-tbody>tr>td {
  padding: 13px 6px
}

.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
  color: #c23631
}

.ant-pagination {
  font-family: Helvetica;
  font-size: 14px;
  text-align: center
}

.ant-pagination .ant-pagination-item,
.ant-pagination .ant-pagination-jump-next,
.ant-pagination .ant-pagination-jump-prev,
.ant-pagination .ant-pagination-next,
.ant-pagination .ant-pagination-next .ant-pagination-item-link,
.ant-pagination .ant-pagination-prev,
.ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination .ant-select-selection {
  border-radius: 5px;
  height: 30px;
  line-height: 30px
}

.ant-pagination .ant-pagination-item,
.ant-pagination .ant-pagination-jump-next,
.ant-pagination .ant-pagination-jump-prev,
.ant-pagination .ant-pagination-next,
.ant-pagination .ant-pagination-next .ant-pagination-item-link,
.ant-pagination .ant-pagination-prev,
.ant-pagination .ant-pagination-prev .ant-pagination-item-link {
  box-sizing: initial
}

.ant-pagination .ant-pagination-next .ant-pagination-item-link,
.ant-pagination .ant-pagination-prev .ant-pagination-item-link {
  border: none !important
}

.ant-pagination .ant-pagination-next .ant-pagination-item-link:after,
.ant-pagination .ant-pagination-prev .ant-pagination-item-link:after {
  font-size: 17px
}

.ant-pagination .ant-select-selection .ant-select-arrow:before {
  color: #999
}

.ant-pagination .ant-select-dropdown {
  background: #333;
  border: none;
  border-radius: 4px;
  box-shadow: 0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;
  color: #999
}

.ant-pagination .ant-select-dropdown-menu-item {
  border-radius: unset;
  color: #999
}

.ant-pagination .ant-select-dropdown-menu-item-selected,
.ant-pagination .ant-select-dropdown-menu-item-selected:hover,
.ant-pagination .ant-select-dropdown-menu-item:hover {
  background-color: #fff3;
  font-weight: 400
}

.ant-pagination .ant-pagination-item-active,
.ant-pagination .ant-pagination-item:hover {
  background-color: #101010 !important;
  border-color: #101010 !important;
  color: #fff !important;
  font-weight: 400
}

.ant-pagination .ant-pagination-item {
  border-radius: 5px
}

.ant-pagination .ant-pagination-item:hover a {
  color: #fff !important
}

.ant-pagination.ant-table-pagination.ant-pagination {
  margin-right: 0
}

.ant-pagination .ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination .ant-pagination-disabled .ant-pagination-item-link:hover {
  color: #d8d8d8 !important
}

.ant-pagination .ant-pagination-options .ant-select-selection-search {
  display: none
}

.ant-pagination .ant-pagination-options .ant-select-arrow {
  inset-inline-end: 8px
}

.ant-pagination .ant-pagination-options .ant-select-arrow .ant-select-suffix.anticon-down:after,
.ant-pagination .ant-pagination-options .ant-select-arrow .ant-select-suffix.anticon-search:after {
  color: #404245;
  content: "";
  display: inline-block;
  font-family: iconfont !important;
  font-size: 12px;
  *font-size: 6px;
  transform: scale(.5)
}

.ant-pagination .ant-pagination-options .ant-select-arrow .ant-select-suffix.anticon-down svg,
.ant-pagination .ant-pagination-options .ant-select-arrow .ant-select-suffix.anticon-search svg {
  display: none
}

.ant-pagination .ant-pagination-options .ant-select-arrow .ant-select-suffix.anticon-search {
  transform: rotate(180deg)
}

.ant-pagination .ant-pagination-options .ant-select-arrow .ant-select-suffix.anticon-search:after {
  color: #00000040
}

.ant-steps .ant-steps-item-finish .ant-steps-item-icon,
.ant-steps .ant-steps-item-wait .ant-steps-item-icon {
  background: #0000
}

.ant-steps .ant-steps-item-process .ant-steps-item-icon {
  border: none
}

.ant-steps .ant-steps-item-content {
  padding-bottom: 28px
}

.ant-steps .ant-steps-item-content>.ant-steps-item-title {
  font-size: 18px;
  font-weight: 400
}

.table_pos_switch .ant-switch {
  background-color: #666
}

.table_pos_switch .ant-switch-checked {
  background-color: #c23631
}

.table_pos_switch .ant-switch-inner {
  text-align: center;
  width: 2em
}

.table_pos_switch .ant-switch .ant-switch-small .ant-switch-inner .ant-switch-inner-unchecked {
  display: none
}

.ant-switch {
  background-color: #666
}

.ant-switch-checked {
  background-color: #c23631
}

.ant-switch-inner {
  text-align: center;
  width: 3em
}

.ant-radio-input:focus+.ant-radio-inner,
.ant-radio-wrapper .ant-radio-checked .ant-radio-inner,
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner {
  border-color: #c53027
}

.ant-radio-wrapper .ant-radio-inner:after {
  background-color: #c53027
}

@media screen and (max-width:750px) {
  .ant-table-content {
    width: auto
  }

  .ant-pagination {
    font-size: 10px;
    text-align: center
  }

  .ant-pagination .ant-pagination-item,
  .ant-pagination .ant-pagination-jump-next,
  .ant-pagination .ant-pagination-jump-prev,
  .ant-pagination .ant-pagination-next,
  .ant-pagination .ant-pagination-next .ant-pagination-item-link,
  .ant-pagination .ant-pagination-prev,
  .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
  .ant-pagination .ant-select-selection {
    height: 26px;
    line-height: 26px;
    min-width: 26px
  }
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
  display: none !important
}

.ant-checkbox-input:focus+.ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner {
  border-color: #c23631
}

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #c23631;
  border-color: #c23631
}

.ant-checkbox-checked:after {
  border: 1px solid #c23631
}

.ant-btn {
  box-shadow: 0 0 0 rgba(0, 0, 0, .015)
}

.ant-btn:focus,
.ant-btn:hover {
  border-color: #c23631;
  color: #c23631
}

.ant-btn:focus span,
.ant-btn:hover span {
  color: #fff
}

.ant-select,
.ant-select-selection {
  box-shadow: 0 0 0 rgba(0, 0, 0, .015)
}

.ant-select-selection:active,
.ant-select-selection:focus,
.ant-select-selection:hover,
.ant-select:active,
.ant-select:focus,
.ant-select:hover {
  border-color: #6f9dca;
  box-shadow: 0 0 0 rgba(0, 0, 0, .015)
}

.ant-table-thead>tr>th .ant-table-column-sorter-down.on,
.ant-table-thead>tr>th .ant-table-column-sorter-up.on {
  color: #c23631
}

.ant-table-tbody>tr>td.ant-table-column-sort {
  background: #fff
}

.ant-radio-button-wrapper-checked:first-child {
  background: #c23631;
  border-color: #c23631;
  color: #fff
}

.ant-radio-button-wrapper-checked:first-child:hover {
  border-color: #c23631
}

.ant-radio-button-wrapper-checked {
  background: #c23631;
  border-color: #c23631;
  box-shadow: -1px 0 0 0 #c23631;
  color: #fff
}

.ant-radio-button-wrapper-checked:hover {
  border-color: #c23631;
  box-shadow: -1px 0 0 0 #c23631;
  color: #c23631
}

.ant-radio-button-wrapper:hover {
  color: #c23631
}

.ant-radio-button-wrapper {
  min-width: 80px;
  text-align: center
}

.ant-radio-button-wrapper-checked:first-child,
.ant-radio-button-wrapper:first-child,
.ant-radio-button-wrapper:last-child {
  border-radius: 0
}

.ant-form-item-label {
  line-height: 1.5
}

.ant-tooltip {
  max-width: 400px
}

.ant-tooltip-inner {
  background: #000c;
  border-radius: 1px;
  font-size: 12px
}

.ant-tag-default {
  border-color: #1f2534;
  border-radius: 2px;
  color: #1f2534
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #c23631;
  border-color: #c23631 !important;
  box-shadow: -1px 0 0 0 #c23631;
  color: #fff !important
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  background: #c23631;
  border-color: #0000 !important;
  box-shadow: -1px 0 0 0 #c23631;
  color: #fff
}

.home .ant-carousel .slick-dots li button {
  background: #999
}

.home .ant-carousel .slick-dots li.slick-active button {
  background: #666
}

.mobile-card .card {
  padding-bottom: 12px
}

.ant-carousel {
  font-size: inherit
}

.ant-message {
  color: #fffc;
  top: 50%;
  z-index: 1060
}

.ant-message-notice-content {
  background: #000c
}

.ant-message .anticon {
  vertical-align: .1rem
}

.confirmed_block_tip svg {
  vertical-align: -2px !important
}

.ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on,
.ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on {
  color: #c23631 !important
}

.ant-collapse-content {
  overflow: auto
}

@media only screen and (max-width:768px) {
  .ant-collapse-content {
    overflow-x: hidden;
    overflow-y: auto
  }
}

.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
  padding-top: 0
}

.ant-collapse-content .ant-collapse-content-box {
  padding: 1rem 0 .5rem 2rem
}

@media only screen and (max-width:768px) {
  .ant-collapse-content .ant-collapse-content-box {
    position: relative
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu {
    color: #101010;
    position: relative
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu a.wallet-login-dropdown-toggle {
    color: #101010
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .dropdown-menu {
    background-color: #fff;
    border-color: #fff !important;
    color: #101010
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .dropdown-menu.account-dropdown-menu {
    padding: 4px 20px 20px
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .wallet-address-width {
    width: 195px
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .wallet-account-menu {
    margin: 0 20px 0 0;
    padding-left: 0 !important;
    width: calc(100% + 7px)
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .wallet-account-menu .dropdown-item {
    padding-left: 30px
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .wallet-account-menu a {
    color: #101010
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .wallet-account-menu a.asset-item>span {
    width: auto
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .wallet-account-menu a>span {
    width: 100%
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .wallet-account-menu .wallet-account-adderss-show {
    padding-left: 23px;
    word-break: break-all
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .wallet-account-menu .dropdown-divider {
    border-top: 1px solid #f8f5f080
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .connect_style {
    font-size: 12px
  }

  .ant-collapse-content .ant-collapse-content-box .wallet-menu .connect_style:hover {
    cursor: pointer
  }
}

.ant-pagination {
  font-size: 12px
}

.alert-light {
  background: #e9e9e9;
  border: none;
  color: #333;
  font-family: PingFangSC-Regular;
  font-size: 14px
}

.ant-calendar .ant-calendar-ok-btn {
  background: #c23631;
  border-color: #c23631;
  color: #fff
}

.ant-calendar .ant-calendar-ok-btn:focus,
.ant-calendar .ant-calendar-ok-btn:hover {
  background: #fff;
  border-color: #c23631
}

.ant-calendar-selected-day .ant-calendar-date {
  background: #c23631;
  border-color: #c23631;
  color: #fff;
  font-family: HelveticaNeue-Medium;
  text-align: center
}

.ant-calendar-date:active,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover {
  background: #c23631
}

.ant-calendar-range .ant-calendar-in-range-cell:before {
  background: #f3f3f3
}

.ant-calendar-date:hover {
  background: #c2363117;
  color: #000
}

.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #c23631
}

.ant-calendar-today .ant-calendar-date {
  border: none;
  color: #000000a6
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 2px solid #c236310f
}

.tron-light .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #c23631 !important
}

.ant-input-clear-icon+i {
  margin-left: 10px
}

.ant-select-selection:active,
.ant-select-selection:focus,
.ant-select-selection:hover,
.ant-select:active,
.ant-select:focus,
.ant-select:hover {
  border-color: #eee
}

.home-tooltip-overlay.dominica-tooltip-overlay {
  max-width: 450px
}

@media screen and (max-width:768px) {
  .home-tooltip-overlay.dominica-tooltip-overlay {
    max-width: 350px
  }
}

.home-tooltip-overlay.address-tooltip .ant-tooltip-inner {
  padding: 0
}

.home-tooltip-overlay.address-tooltip .ant-tooltip-inner .address-tip-container {
  padding: 8px 1rem
}

.home-tooltip-overlay .ant-tooltip-inner {
  background: #000000b3;
  border-radius: 4px;
  font-family: Lato;
  font-size: .75rem;
  line-height: 1.125rem;
  padding: 8px;
  text-align: center
}

.home-tooltip-overlay .ant-tooltip-inner .text-left {
  text-align: left
}

.home-tooltip-overlay .ant-tooltip-arrow:before {
  background: #000000b3;
  border-radius: 3px;
  bottom: -1px
}

.home-tooltip-overlay a {
  color: #fff;
  text-decoration: underline
}

.home-tooltip-overlay a:not(.btn):hover {
  color: #f64744 !important;
  text-decoration: underline !important
}

.home-tooltip-overlay .tron-link-no-underline-important:not(.btn):hover {
  text-decoration: none !important
}

.home-tooltip-overlay.table-remark-tooltip {
  max-width: 600px
}

.home-tooltip-overlay.table-remark-tooltip .ant-tooltip-inner {
  text-align: unset;
  white-space: pre-line
}

@media screen and (max-width:768px) {
  .home-tooltip-overlay.mobile-left-tooltip-width {
    max-width: calc(100% - 45px)
  }
}

.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  border-color: initial;
  box-shadow: none
}

.ant-select-focused.ant-select .ant-select-selector,
.ant-select-selector:active,
.ant-select-selector:focus,
.ant-select-selector:hover,
.ant-select:active,
.ant-select:focus,
.ant-select:hover {
  border-color: initial;
  box-shadow: none !important
}

.ant-select-single .ant-select-selector .ant-select-selection-item {
  text-align: left
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before,
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover:before {
  background-color: #0000
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: none;
  outline: none
}

.ant-radio-button-wrapper:focus-within {
  box-shadow: none
}

.ant-table-cell.ant-table-column-has-sorters:hover {
  background: #f2f2f2 !important
}

.ant-table-cell.ant-table-column-has-sorters.table-align-right .ant-table-column-sorters {
  justify-content: flex-end
}

.ant-table-column-sorters {
  justify-content: unset
}

.ant-table-column-sorters .ant-table-column-title {
  flex: unset
}

.ant-table-column-sorters .ant-table-column-sorter.ant-table-column-sorter-full {
  margin-left: .15rem
}

.ant-table-column-sorters .ant-table-column-sorter.ant-table-column-sorter-full .ant-table-column-sorter-down.active,
.ant-table-column-sorters .ant-table-column-sorter.ant-table-column-sorter-full .ant-table-column-sorter-up.active {
  color: #c23631 !important
}

.ant-pagination.ant-table-pagination .ant-pagination-options .ant-select-focused.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector,
.ant-pagination.ant-table-pagination .ant-pagination-options .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
  border-color: #101010
}

.ant-pagination.ant-table-pagination .ant-pagination-options .ant-select-dropdown .ant-select-item {
  color: #666
}

.ant-pagination.ant-table-pagination .ant-pagination-options .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled),
.ant-pagination.ant-table-pagination .ant-pagination-options .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #ececec;
  font-weight: 400
}

.ant-pagination.ant-table-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input:focus,
.ant-pagination.ant-table-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input:hover {
  border-color: #101010;
  box-shadow: none
}

.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector,
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #eee
}

.ant-select,
.ant-select-item {
  color: #000000a6
}

.ant-legacy-form {
  line-height: 1.5
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #fafafa;
  color: #c23631
}

.ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before {
  display: none
}

.ant-tabs {
  line-height: 1.5
}

.ant-table .ant-table-filter-column {
  justify-content: normal;
  position: relative
}

.ant-table .ant-table-filter-column .ant-table-column-title {
  flex: none
}

.ant-picker-dropdown .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: #f3f3f3;
  color: #000
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
  border-color: #c23631
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
  background: #c23631;
  color: #fff
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range:before,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):before,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):before {
  background: #f3f3f3
}

.ant-picker-dropdown .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after,
.ant-picker-dropdown .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after {
  background: #0000
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range):after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single:after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover:after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single:after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover:after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range):after,
.ant-picker-dropdown tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after,
.ant-picker-dropdown tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child:after {
  border-color: #c23631
}

.ant-picker-dropdown .ant-picker-header-view button:hover {
  color: #c53027 !important;
  text-decoration: none
}

.ant-legacy-form-item {
  display: block;
  margin-bottom: 20px
}

.ant-legacy-form-item .ant-legacy-form-item-label {
  line-height: 1.5
}

.ant-legacy-form-item .ant-input::placeholder,
.ant-legacy-form-item .ant-picker-input input::placeholder {
  font-size: 12px
}

.ant-row-flex-space-between {
  justify-content: space-between
}

.ant-card,
.ant-input {
  line-height: 1.5
}

.ant-input {
  color: #000000a6
}

.ant-input.ant-input-sm {
  height: 24px
}

.ant-switch .ant-switch-inner:after,
.ant-switch .ant-switch-inner:before {
  content: "" !important
}

.send-form .send-form-select-721 .ant-select-selection-search-input {
  background: #fff !important;
  border: 0 !important
}

.send-form .send-form-select-721 .ant-select-arrow {
  top: 46% !important
}

.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #c23631
}

.hiden-scam-switch-wrap {
  --antd-wave-shadow-color: #3cc31b !important
}

.hiden-scam-switch-wrap span {
  font-size: 14px
}

.hiden-scam-switch-wrap.new-switch .ant-switch {
  background-color: #c2c9d1 !important;
  background-image: none
}

.hiden-scam-switch-wrap.new-switch span {
  color: #101010
}

.hiden-scam-switch-wrap.new-switch .ant-switch-checked {
  background-color: #3cc31b !important
}

.hiden-scam-switch-wrap .ant-switch {
  height: 16.7px;
  line-height: 16.7px;
  min-width: 33px;
  width: 33px
}

.hiden-scam-switch-wrap .ant-switch:focus {
  box-shadow: none
}

.hiden-scam-switch-wrap .ant-switch-loading-icon,
.hiden-scam-switch-wrap .ant-switch:after {
  border-radius: 100%;
  height: 14px;
  margin-left: 0;
  top: 0;
  width: 14px
}

.hiden-scam-switch-wrap .ant-switch-checked .ant-switch-handle {
  height: 12px;
  left: calc(100% - 14px);
  width: 12px
}

.ant-message .ant-message-notice-wrapper .ant-message-notice-content {
  background: #000c
}

.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper:focus-within {
  box-shadow: none;
  outline: none
}

.ant-modal .ant-modal-content {
  padding: 0
}

.ant-menu-light .ant-menu-submenu-selected>.ant-menu-submenu-title,
.ant-menu-light>.ant-menu .ant-menu-submenu-selected>.ant-menu-submenu-title {
  color: #c53027 !important
}

.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):hover,
.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-submenu-title:hover,
.ant-menu-light>.ant-menu:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):hover,
.ant-menu-light>.ant-menu:not(.ant-menu-horizontal) .ant-menu-submenu-title:hover {
  background: none
}

.ant-input-number:hover,
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
  border-color: #d9d9d9
}

.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #fafafa;
  color: #c23631
}

.ant-input-number .ant-input-number-handler:hover .ant-input-number-handler-down-inner,
.ant-input-number .ant-input-number-handler:hover .ant-input-number-handler-up-inner {
  color: #c23631
}

.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  background-color: none
}

.ant-dropdown .ant-table-filter-dropdown {
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  box-shadow: 0 4px 20px #0000001a;
  box-sizing: border-box;
  min-width: 260px;
  padding: 20px 16px
}

.ant-dropdown .ant-table-filter-dropdown .form-group {
  margin-bottom: 16px !important
}

.ant-dropdown .ant-table-filter-dropdown .btn-wrap {
  display: flex;
  justify-content: space-between
}

.ant-dropdown .ant-table-filter-dropdown input.form-control {
  background: #fff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 1px;
  box-sizing: border-box
}

.ant-dropdown .ant-table-filter-dropdown .form-control.is-invalid,
.ant-dropdown .ant-table-filter-dropdown .was-validated .form-control:invalid {
  background: none;
  padding-right: 0
}

.ant-dropdown .ant-table-filter-dropdown .clear-btn {
  background-color: #eee;
  border-radius: 2px;
  color: #666;
  padding: 0;
  width: 95px
}

.ant-dropdown .ant-table-filter-dropdown .filter-btn {
  background-color: #c84a46;
  border-radius: 2px;
  color: #fff;
  padding: 0;
  width: 95px
}

.ant-dropdown .ant-table-filter-dropdown .ant-btn.clear-btn:focus,
.ant-dropdown .ant-table-filter-dropdown .ant-btn.clear-btn:hover {
  border-color: #eee
}

.ant-dropdown .ant-table-filter-dropdown .ant-btn.clear-btn:focus span,
.ant-dropdown .ant-table-filter-dropdown .ant-btn.clear-btn:hover span {
  color: #666 !important
}

.ant-dropdown .ant-table-filter-dropdown .ant-btn[disabled]:hover {
  background-color: #c84a46
}

.ant-picker .ant-picker-input>input-disabled:hover,
.ant-picker .ant-picker-input>input[disabled]:hover {
  background: none
}

.ant-radio-wrapper .ant-radio-checked:after {
  border: 1px solid #c23631
}

.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  background: none
}

.ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
  background-color: #c23631
}

.ant-select-single .ant-select-selector {
  color: #000000a6
}

#popupContainer {
  position: relative
}

#popupContainer .from_address .ant-dropdown-trigger,
#popupContainer .to_address .ant-dropdown-trigger {
  width: 140px
}

#popupContainer .from_address .ant-dropdown-trigger:hover,
#popupContainer .to_address .ant-dropdown-trigger:hover {
  background: none
}

#popupContainer .from_address .ant-dropdown-trigger .ant-table-filter-trigger,
#popupContainer .to_address .ant-dropdown-trigger .ant-table-filter-trigger {
  margin: 0
}

#popupContainer .ant-dropdown-trigger .anticon {
  vertical-align: 1px
}

#popupContainer .ant-dropdown {
  z-index: 20
}

.tagTooltipStyle .ant-tooltip-inner {
  background: #101010b3;
  border-radius: 10px;
  padding: 8px
}

@media(min-width:1000px) {
  body .modal-dialog {
    max-width: 600px
  }

  body .modal-dialog.modal-dialog-new {
    width: 500px
  }

  body .modal-dialog .modal-title>div {
    white-space: nowrap
  }

  body .captcha-modal {
    max-width: 460px
  }

  body .captcha-modal .modal-header {
    justify-content: space-between
  }

  body .captcha-modal .modal-header .close {
    font-size: 22px;
    font-weight: 500
  }

  body .captcha-modal .modal-title>div {
    white-space: nowrap
  }

  body .trade_pair_title>p a {
    float: right
  }
}

@media(max-width:560px) {

  body .trade_pair_title,
  body .trade_pair_title>h5 {
    display: flex;
    flex-direction: column
  }

  body .trade_pair_title>h5 span:last-child {
    margin-top: 6px
  }

  body .trade_pair_title>p {
    display: flex;
    justify-content: center
  }

  body .modal-header .modal-title {
    flex-direction: column
  }
}

body .modal-header .modal-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  line-height: 2
}

body .modal-header .modal-title>span:nth-child(2) {
  color: #c23631;
  font-size: 12px
}

body .modal-header .modal-title>span:nth-child(2):before {
  content: "("
}

body .modal-header .modal-title>span:nth-child(2):after {
  content: ")"
}

body .token_black .card {
  background: none;
  border: none;
  border-radius: 1px
}

body .token_black .uploadLogo {
  border-radius: 4px;
  display: inline-block;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-indent: 0
}

body .token_black .uploadLogo:hover {
  background: #0000001a;
  text-decoration: none
}

body .token_black .uploadLogo input {
  font-size: 100px;
  height: 60px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px
}

body .token_black .uploadLogo input:hover {
  cursor: pointer
}

body .token_black form strong {
  font-size: 16px;
  padding-top: 1rem
}

body .token_black form .table {
  margin: 0
}

body .token_black form .table td {
  font-size: 14px
}

body .token_black form .form-check-label {
  font-weight: 400;
  margin-top: 3px
}

body .token_black legend {
  font-size: 18px;
  font-weight: 400
}

body .token_black .form-control {
  border: none;
  border-radius: 0
}

body .token_black .tokenDetail tr th {
  width: 10%
}

body .token_black .tokenDetail tr td {
  width: 40%
}

body .token_black .card-title {
  margin-bottom: .5rem
}

body .token_black .card-title span>span,
body .token_black .card-title svg,
body .token_black .card-title svg * {
  color: #d0ac6e !important
}

body .token_black .card-title span:nth-child(2) {
  color: #c23631;
  font-size: 12px;
  margin-left: 20px
}

body .token_black .card-title span:nth-child(2):before {
  content: "("
}

body .token_black .card-title span:nth-child(2):after {
  content: ")"
}

body .token_black .ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
  display: none !important
}

body .token_black .text-danger span {
  color: #c23631 !important;
  display: block;
  padding-top: 10px
}

body .token_black h5 {
  align-items: center;
  display: flex
}

body .token_black hr {
  margin: 1.5rem 0
}

body .token_black .form-row label {
  font-weight: 400
}

body .token_black .form-group {
  margin-bottom: 20px
}

body .token_black .token_confirm .table td,
body .token_black .token_confirm .table th {
  padding-left: 0
}

body .token_black .token_confirm .table {
  margin-bottom: 1.4rem
}

body .token_black .token_confirm .table tr td:first-child {
  width: 15%
}

body .token_black .token_confirm .table tr th {
  border: none
}

body .token_black .text-muted span {
  color: inherit !important
}

body .token_black .faceico {
  height: 16px;
  width: 16px
}

body .token_black .accout_unit {
  background-color: #fff;
  flex: 1 1;
  margin-right: 20px;
  position: relative
}

body .token_black .accout_unit h3,
body .token_black .accout_unit h3 * {
  color: #333 !important;
  font-size: 16px
}

body .token_black .accout_unit span {
  color: #999;
  position: relative
}

@media screen and (max-width:768px) {
  body .token_black .accout_unit {
    height: auto !important
  }
}

body .token_black .accout_unit .card-body {
  padding: 1rem 1.5rem
}

body .token_black .accout_total {
  background-color: #fff;
  flex: 1 1;
  position: relative
}

body .token_black .accout_total h3,
body .token_black .accout_total h3 * {
  color: #333 !important;
  font-size: 16px
}

body .token_black .accout_total span {
  color: #999;
  position: relative
}

body .token_black .accout_total .card-body {
  padding: 1rem 1.5rem
}

body .token_black .foundation_title {
  border-radius: 1px;
  color: none
}

body .token_black .foundation_title .card-body {
  background: #fff;
  font-size: .75rem;
  height: 84px
}

body .token_black .foundation_title .card-body p {
  color: #333;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: .5rem
}

body .token_black .foundation_title .card-body p span {
  color: #333;
  font-size: 16px
}

body .token_black .foundation_title .card-body span {
  color: #999;
  font-size: 14px
}

body .token_black .foundation_title span {
  position: relative
}

body .token_black .foundation_title h3,
body .token_black .foundation_title h3 * {
  color: #333
}

body .token_black .translation_title {
  border-radius: 1px;
  color: none
}

body .token_black .translation_title .card-body {
  background: #fff;
  font-size: .75rem;
  height: 85px
}

body .token_black .translation_title .card-body p {
  color: #333;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: .5rem
}

body .token_black .translation_title .card-body p span {
  color: #333;
  font-size: 16px
}

body .token_black .translation_title span {
  position: relative
}

body .token_black .translation_title h3,
body .token_black .translation_title h3 * {
  color: #333
}

body .token_black .transactions_overview .card-body {
  background: #fff;
  font-size: .75rem;
  height: 140px
}

body .token_black .represent_title_text>span:last-child {
  position: absolute
}

body .token_black .represent_title .card-body {
  background: #fff;
  font-size: .75rem;
  height: 135px
}

body .token_black .represent_title .card-body p {
  color: #999;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: .5rem
}

body .token_black .represent_title .card-body p span {
  color: #999;
  font-size: 14px
}

body .token_black .represent_title .card-body span.num {
  color: #333;
  font-size: 16px
}

.bg-line_red {
  position: relative
}

.bg-line_red:after {
  background-color: #c23631;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 4px
}

.bg-line_green {
  position: relative
}

.bg-line_green:after {
  background-color: #93c54b;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 4px
}

.bg-line_yellow {
  position: relative
}

.bg-line_yellow:after {
  background-color: #ffc107;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 4px
}

.bg-line_blue {
  position: relative
}

.bg-line_blue:after {
  background-color: #325d88;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 4px
}

.color-green {
  color: #93c54b !important
}

.color-red {
  color: #c23631 !important
}

.markets {
  background: #0000;
  border: none
}

.markets .ant-pagination.ant-table-pagination.ant-pagination {
  margin-right: 0
}

.markets table {
  border: 1px solid #d8d8d8;
  border-radius: 1px
}

.markets table th {
  border-radius: 0 !important
}

.table_pos {
  position: relative
}

.table_pos_info {
  color: #999;
  left: 0;
  position: absolute;
  top: 26px;
  z-index: 1
}

@media screen and (max-width:768px) {
  .table_pos_info {
    top: 43px
  }
}

.table_pos_search {
  color: #999;
  position: absolute;
  right: 0;
  top: 6px;
  width: 400px;
  z-index: 1
}

.table_pos_search button {
  background-color: #c23631 !important;
  border-color: #c23631 !important
}

@media screen and (max-width:768px) {
  .table_pos_search {
    top: 0;
    width: 345px
  }
}

.table_pos_switch {
  color: #999;
  left: 200px;
  position: absolute;
  top: 26px;
  z-index: 1
}

@media screen and (max-width:768px) {
  .table_pos_switch {
    top: 43px
  }
}

.table_pos_picker {
  margin-top: 0 !important;
  position: absolute;
  right: -16px !important;
  top: 60px;
  z-index: 1
}

@media screen and (max-width:768px) {
  .table_pos_info_addr {
    top: -40px
  }

  .table_pos_switch_addr {
    left: 0;
    top: -15px
  }
}

.table_pos_switch_addr_transfers {
  left: 230px
}

@media screen and (max-width:768px) {
  .table_pos_switch_addr_transfers {
    left: 0;
    top: -55px
  }

  .table_pos_info_addr2 {
    left: 0;
    top: 30px
  }

  .table_pos_switch_addr2 {
    left: 0;
    top: 55px
  }

  .table_pos_switch_addr3 {
    left: 0;
    top: -35px
  }

  .table_pos_switch_addr4 {
    left: 0;
    top: 15px
  }
}

.table_pos_addr {
  margin-top: 0
}

@media screen and (max-width:768px) {
  .table_pos_addr {
    margin-top: 4rem
  }
}

.table_pos_addr_data {
  margin-top: 4rem
}

.accounts .card,
.live .card {
  background-color: #fff !important
}

.accounts .table-responsive td,
.accounts .table-responsive th {
  padding-left: 0;
  padding-right: 0
}

.accounts .temp-table.table {
  border: 1px solid #eee
}

.accounts .temp-table td,
.accounts .temp-table th {
  border: none;
  vertical-align: middle
}

.accounts .temp-table th {
  background-color: #fff
}

.accounts .temp-table tbody tr:nth-child(odd) {
  background-color: #f3f3f3
}

.accounts .temp-table tbody tr:nth-child(2n) {
  background-color: #fff
}

.accounts .temp-table .ant-table {
  border-color: #eee !important
}

.accounts .temp-table .ant-table th {
  background-color: #fff !important
}

.accounts .temp-table .ant-table td {
  border: none !important
}

.mobile-testnet-dropdown-menu a:first-child {
  display: none
}

.mobile-testnet-dropdown-menu .new-test-net {
  background: #c64844;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-style: italic;
  line-height: 10px;
  margin-left: 6px;
  padding: 0 2px;
  text-align: center
}

.testnet-dropdown-menu {
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: 0 20px 30px #1010100f;
  left: -115px;
  margin: 0;
  padding: 10px
}

.testnet-dropdown-menu a:first-child {
  display: none
}

.testnet-dropdown-menu .dropdown-item {
  align-items: center;
  display: flex
}

.testnet-dropdown-menu .new-test-net {
  background: #c64844;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-style: italic;
  line-height: 10px;
  padding: 0 2px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 27px
}

.testnet-dropdown-menu .dropdown-item:focus,
.testnet-dropdown-menu .dropdown-item:hover {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c2c9d1;
  border-radius: 10px
}

.nav .dropdown-menu {
  border-color: #eee;
  border-radius: 2px
}

.nav .dropdown-menu .form-control {
  background: #f3f3f3;
  border: 1px solid #eee;
  border-radius: 1px
}

.nav .dropdown-item {
  padding-left: 0;
  padding-right: 0
}

.nav .dropdown-item * {
  font-weight: 400
}

.nav .dropdown-divider.blod {
  border-color: #eee;
  border-width: 4px
}

.nav_input .dropdown-menu {
  background: #0000;
  border: none;
  padding: 0
}

.nav_input li {
  background: #fff;
  border: 1px solid #eee
}

.header-overlap .badge-confirmed,
.transaction-new .badge-confirmed {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #fd8e39;
  border-radius: 5px
}

.header-overlap .badge-confirmed span,
.transaction-new .badge-confirmed span {
  color: #fd8e39;
  font-size: 12px;
  text-align: center
}

.tron-light .token_black .contractTableWrapper .ant-table-tbody>tr>td {
  padding: 12px 8px !important
}

.trx20tronsfers .ant-table-wrapper .ant-table td {
  white-space: nowrap !important
}

.trx20tronsfers .ant-table-wrapper .ant-table .ant-table-container .ant-table-content table {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.trx20tronsfers .ant-table-wrapper .ant-table .ant-table-row:hover .table-txn-remark-wrap .add-remark-icon,
.trx20tronsfers .ant-table-wrapper .ant-table .ant-table-row:hover .table-txn-remark-wrap .edit-remark-icon {
  display: block
}

.trx20tronsfers .ant-table-body table {
  padding: 0 !important
}

.tonken10DetailMain .card-header .tokenTransferSearch,
.tonken20DetailMain .card-header .tokenTransferSearch {
  height: 26px;
  position: absolute;
  right: 1rem;
  top: 17px
}

.tonken10DetailMain .card-header .tokenTransferSearch input,
.tonken20DetailMain .card-header .tokenTransferSearch input {
  caret-color: #c23631;
  color: #333;
  font-size: 12px;
  outline: none
}

.tonken10DetailMain .card-header .tokenTransferSearch input::placeholder,
.tonken20DetailMain .card-header .tokenTransferSearch input::placeholder {
  color: #999
}

.tonken10DetailMain .card-header .tokenTransferSearch .searchCloseIcon,
.tonken20DetailMain .card-header .tokenTransferSearch .searchCloseIcon {
  position: absolute;
  right: 32px;
  top: .46rem
}

@media(max-width:768px) {

  .tonken10DetailMain .card-header .tokenTransferSearch .searchCloseIcon,
  .tonken20DetailMain .card-header .tokenTransferSearch .searchCloseIcon {
    right: 4.2rem
  }
}

.tonken10DetailMain .card-header .tokenTransferSearch button,
.tonken20DetailMain .card-header .tokenTransferSearch button {
  background: #c23631;
  border-radius: 0 2px 2px 0;
  color: #fff;
  height: 26px;
  line-height: 1;
  padding: 0;
  text-align: center;
  width: 26px
}

.tonken10DetailMain .card-header .tokenTransferSearch button:active,
.tonken10DetailMain .card-header .tokenTransferSearch button:hover,
.tonken20DetailMain .card-header .tokenTransferSearch button:active,
.tonken20DetailMain .card-header .tokenTransferSearch button:hover {
  background: #9b2b27
}

.tonken10DetailMain .card-header .tokenTransferSearch button i,
.tonken20DetailMain .card-header .tokenTransferSearch button i {
  color: #fff
}

@media(max-width:768px) {

  .tonken10DetailMain .card-header .tokenTransferSearch,
  .tonken20DetailMain .card-header .tokenTransferSearch {
    float: right;
    margin-top: 20px;
    position: static
  }

  .tonken10DetailMain .card-header .tokenTransferSearch .searchCloseIcon,
  .tonken20DetailMain .card-header .tokenTransferSearch .searchCloseIcon {
    right: 2rem
  }

  .singleTimeRange {
    margin-top: 15px !important
  }

  .singleTimeRange .mobileTimeRangeWrapper {
    display: flex;
    position: static !important;
    width: auto !important
  }

  .singleTimeRange .mobileTimeRangeWrapper span {
    flex: 1 1;
    min-width: 100px !important
  }
}

.nav-item-page {
  position: relative
}

.nav-item-page .index_page_search {
  font-family: HelveticaNeue-Medium;
  letter-spacing: 0
}

.resourceWrapper .ant-table-footer {
  padding: 0
}

.justify-between {
  justify-content: space-between
}

.align-items-center {
  align-items: center
}

.theme-light .header-top {
  background: #fff
}

.theme-light .navbar-dark .navbar-nav .nav-link {
  color: #000
}

.theme-light .top-header-bar.navbar-dark .navbar-nav .nav-link {
  color: #fff !important
}

.theme-light .sub-header h4 {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 0
}

.theme-light .nav-searchbar input {
  background-color: #d2d1d1 !important
}

.tron-light {
  background: #f6f7fb
}

.tron-light .tron-wrapper {
  background: url(/static/media/body_bg.0b8d9df03f1aac5da834.webp) no-repeat;
  background-size: 100% 438px
}

.tron-light .tron-wrapper:has(.tron-sticky-content):not(:has(.switch-network-tip-wrapper)) .main-logo-wrapper {
  box-shadow: none
}

@media screen and (max-width:768px) {
  .tron-light .tron-wrapper {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
  }
}

.tron-light .tron-wrapper-height {
  height: 438px
}

.tron-light .tron-login-register .dividerLine {
  white-space: nowrap
}

.tron-light .tron-login-register .dividerLine span {
  color: #c2c9d1
}

.tron-light .tron-login-register:hover {
  color: #c23631 !important
}

.tron-light .tron-login-register:hover span {
  color: #c23631
}

.tron-light .quotesImg {
  display: inline-block;
  height: 6px;
  width: 6px
}

.tron-light .font-12 {
  font-size: 12px !important
}

.tron-light .font-14 {
  font-size: 14px
}

.tron-light .bage-status-text {
  margin-right: 20px
}

.tron-light .block-status-tag {
  background-size: 100% 100%;
  color: #666;
  display: inline-block;
  font-size: 12px;
  padding: 3px 9px 3px 20px;
  text-align: center
}

.tron-light .navbar-dark .navbar-nav .nav-link {
  color: #000
}

.tron-light .menu-active-tile-border {
  padding-bottom: 0;
  padding-top: 0
}

.tron-light .menu-active-tilte-pc,
.tron-light .menu-active-tilte-pc .caretDownStyle,
.tron-light .menu-active-tilte-pc .desc,
.tron-light .menu-active-tilte-pc .nav-more-icon,
.tron-light .menu-active-tilte-pc span {
  color: #c23631 !important
}

.tron-light .menu-active-tile-border {
  position: relative
}

.tron-light .menu-active-tile-border .menu-active-bottom-border {
  background: #c23631;
  border-radius: 800px;
  height: 3px;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 28px;
  width: 29px
}

.tron-light .top-header-bar.navbar-dark .navbar-nav .nav-link {
  color: #333 !important
}

.tron-light .sub-header h4 {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 0
}

@media only screen and (max-width:768px) {
  .tron-light .sub-header h4 {
    line-height: 24px
  }

  .tron-light .token_black .mobile-total-info {
    padding: 8px 0;
    position: static;
    top: auto
  }

  .tron-light .token_black .mobile-total-info .foundation_address_deadline_date {
    font-size: .5rem !important
  }
}

.tron-light .list-header,
.tron-light .table_pos_info {
  color: #666;
  font-family: PingFangSC-Regular;
  font-size: 14px
}

.tron-light .token_black .bg-gray {
  background-color: #fff !important;
  border-radius: 1px
}

.tron-light .token_black .ant-table {
  background: #fff;
  color: #666
}

.tron-light .token_black .ant-table table {
  border-radius: 0
}

.tron-light .token_black .ant-table table thead th {
  background: #fff;
  color: #333
}

.tron-light .token_black .ant-table .ant-table-thead>tr>th {
  border-radius: 0;
  border-right: none
}

.tron-light .token_black .ant-table .ant-table-tbody>tr>td {
  border-color: #eee;
  border-right: none;
  padding: 12px
}

.tron-light .token_black .ant-table .ant-table .ant-table-tbody>tr .ant-table-thead>tr.ant-table-row-hover>td,
.tron-light .token_black .ant-table .ant-table-tbody>tr.ant-table-row-hover>td,
.tron-light .token_black .ant-table .ant-table-tbody>tr:hover>td,
.tron-light .token_black .ant-table .ant-table-thead>tr:hover>td {
  background: #f8f9fa
}

.tron-light .token_black .ant-pagination {
  color: #666
}

.tron-light .token_black .ant-pagination .pagination-default {
  background: #fff;
  border: 1px solid #d8d8d8;
  color: #666
}

.tron-light .token_black .ant-pagination .ant-pagination-jump-next:after,
.tron-light .token_black .ant-pagination .ant-pagination-jump-prev:after,
.tron-light .token_black .ant-pagination .ant-select-selection .ant-select-arrow:before {
  color: #666
}

.tron-light .token_black .ant-pagination .ant-select-dropdown {
  background: #fff;
  border: none;
  box-shadow: 0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;
  color: #666
}

.tron-light .token_black .ant-pagination .ant-select-dropdown-menu-item {
  color: #666
}

.tron-light .token_black .ant-pagination .ant-select-dropdown-menu-item-selected,
.tron-light .token_black .ant-pagination .ant-select-dropdown-menu-item-selected:hover,
.tron-light .token_black .ant-pagination .ant-select-dropdown-menu-item:hover {
  background-color: #d8d8d8
}

.tron-light .token_black .ant-pagination .ant-pagination-item,
.tron-light .token_black .ant-pagination .ant-pagination-jump-next,
.tron-light .token_black .ant-pagination .ant-pagination-jump-prev,
.tron-light .token_black .ant-pagination .ant-pagination-next,
.tron-light .token_black .ant-pagination .ant-pagination-next .ant-pagination-item-link,
.tron-light .token_black .ant-pagination .ant-pagination-prev,
.tron-light .token_black .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.tron-light .token_black .ant-pagination .ant-select-selection {
  border: 1px solid #eee;
  border-radius: 5px;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  min-width: 30px
}

@media(max-width:768px) {

  .tron-light .token_black .ant-pagination .ant-pagination-item,
  .tron-light .token_black .ant-pagination .ant-pagination-jump-next,
  .tron-light .token_black .ant-pagination .ant-pagination-jump-prev,
  .tron-light .token_black .ant-pagination .ant-pagination-next,
  .tron-light .token_black .ant-pagination .ant-pagination-next .ant-pagination-item-link,
  .tron-light .token_black .ant-pagination .ant-pagination-prev,
  .tron-light .token_black .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
  .tron-light .token_black .ant-pagination .ant-select-selection {
    height: 21px;
    line-height: 21px;
    min-width: 21px;
    white-space: nowrap
  }
}

.tron-light .token_black .ant-pagination .ant-pagination-item-active:focus a,
.tron-light .token_black .ant-pagination .ant-pagination-item-active:hover a,
.tron-light .token_black .ant-pagination .ant-pagination-item:hover a {
  color: #fff
}

.tron-light .token_black .ant-pagination .anticon {
  vertical-align: 0
}

.tron-light .token_black .ant-steps,
.tron-light .token_black .ant-steps .ant-steps-item-content>.ant-steps-item-description,
.tron-light .token_black .ant-steps .ant-steps-item-content>.ant-steps-item-title {
  color: #999
}

.tron-light .token_black .ant-steps .ant-steps-item-icon {
  border-color: #666
}

.tron-light .token_black .ant-steps .ant-steps-item-icon>.ant-steps-icon {
  color: #666
}

.tron-light .token_black .ant-steps .ant-steps-item-tail:after {
  background: #999
}

.tron-light .token_black .ant-steps .ant-steps-item-process .ant-steps-item-content>.ant-steps-item-description,
.tron-light .token_black .ant-steps .ant-steps-item-process .ant-steps-item-content>.ant-steps-item-title {
  color: #333
}

.tron-light .token_black .ant-steps .ant-steps-item-process .ant-steps-item-icon {
  background-color: #d0ac6e
}

.tron-light .token_black .ant-steps .ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon {
  color: #fff
}

.tron-light .token_black .ant-switch {
  background-color: #c2c9d1;
  background-image: none
}

.tron-light .token_black .ant-switch-inner {
  color: #d2d1d1 !important
}

.tron-light .token_black .ant-switch-checked {
  background-color: #c23631
}

.tron-light .token_black .ant-switch-checked span {
  color: #fff !important
}

.tron-light .token_black .col-sm-12.col-md-3.mt-3.mt-md-0 {
  background: #fafafa
}

.tron-light .token_black .col-sm-12.col-md-3.mt-3.mt-md-0 .card-body {
  padding-left: 0;
  padding-right: 0
}

.tron-light .token_black .col-sm-12.col-md-9 .card {
  background: #fff
}

.tron-light .token_black hr {
  border-color: #eee
}

.tron-light .token_black h5,
.tron-light .token_black h5 * {
  color: #333
}

.tron-light .token_black p {
  color: #666
}

.tron-light .token_black .form-control {
  background: #eee;
  color: #333
}

.tron-light .token_black .form-row label {
  color: #c23631
}

.tron-light .token_black .form-row span {
  color: #2a2a2a
}

.tron-light .token_black form .table td,
.tron-light .token_black form .table th {
  border-top-color: #eee
}

.tron-light .token_black form tr td:first-child {
  color: #666
}

.tron-light .token_black .row.transfers .card {
  box-sizing: border-box
}

.tron-light .token_black .row.transfers .card .ant-table-wrapper {
  background-color: #fff
}

.tron-light .token_black .row.transfers .card table {
  border: none;
  padding: 0
}

.tron-light .token_black .row.transfers .card table .ant-table-thead>tr>th {
  border-bottom: 1px solid #f3f3f3
}

.tron-light .token_black.mytoken .card-body {
  padding: 0
}

.tron-light .token_black.news h2,
.tron-light .token_black.news h2 * {
  font-size: 20px;
  margin-bottom: 10px
}

.tron-light .token_black.news h4,
.tron-light .token_black.news h4 * {
  color: #999;
  font-size: 14px
}

.tron-light .token_black.news hr {
  margin: 30px 0
}

.tron-light .token_black.news p {
  margin-bottom: .7em
}

.tron-light .token_black.news p:last-child {
  margin-bottom: 30px
}

.tron-light .token_black.news .socialMedia {
  margin-left: 0
}

.tron-light .token_black.news .socialMedia .ml-2,
.tron-light .token_black.news .socialMedia .mx-2 {
  margin-left: 1.3rem !important
}

.tron-light .token_black.news .socialMedia .mt-2,
.tron-light .token_black.news .socialMedia .my-2 {
  margin-top: 1rem !important
}

.tron-light .token_black.news .socialMedia>div {
  background-color: #eee
}

.tron-light .token_black.news .socialMedia>div span {
  color: #999
}

.tron-light .token_black.news .btn {
  margin: 38px 0 50px !important
}

.tron-light .token_black.news .news_unit {
  background-color: #fff;
  margin-bottom: 2px;
  padding: 1.25rem
}

.tron-light .token_black.news .news_unit:first-child hr {
  display: none
}

.tron-light .token_black.news .news_unit td {
  border: none;
  color: #666;
  padding-bottom: 9px;
  padding-top: 9px
}

.tron-light .token_black.news .news_unit td a,
.tron-light .token_black.news .news_unit td:last-child {
  color: #333
}

.tron-light .confirm .borderBottom {
  border-bottom: "1px solid #DFD7CA" !important
}

.tron-light .rdtPicker {
  bottom: 38px
}

.tron-light .socialMedia div {
  line-height: 32px
}

.tron-light .socialMedia div span {
  margin-left: 10px
}

.tron-light .myToken tr td:first-child {
  width: 15%
}

.tron-light .sr td,
.tron-light .sr th {
  padding-left: 10px;
  padding-right: 10px
}

.tron-light .main-counters {
  margin-bottom: 50px;
  margin-top: 30px
}

.tron-light .main-counters .counters {
  color: #555;
  text-align: center
}

.tron-light .main-counters .counters span {
  font-size: 26px;
  line-height: 40px
}

.tron-light .main-counters .counters h4 {
  margin-top: 10px
}

.tron-light .main-counters .counters h4 span {
  color: #555;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
  text-shadow: none
}

@media(max-width:768px) {
  .tron-light .main-counters .counters span {
    font-size: 24px
  }
}

.tron-light .main-counter.counters-new .counter {
  background: #fff
}

.tron-light .go-foundation {
  color: red
}

.tron-light .go-foundation:hover {
  color: red;
  text-decoration: underline
}

.tron-light .loader-hidden {
  display: none
}

.tron-light .card-chart {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center
}

.tron-light .card-chart .card-title {
  align-items: flex-start;
  color: #333;
  display: flex;
  flex-direction: column;
  font-family: PingFangSC-Regular;
  font-size: 14px
}

.tron-light .card-chart .card-title:hover {
  text-decoration: underline
}

.tron-light .statistics-chart hr {
  margin: 0 55px
}

.tron-light form .table td,
.tron-light form .table th {
  border-top-color: #eee
}

.tron-light form tr td:first-child {
  color: #666
}

.tron-light.mytoken .card-body {
  padding: 0
}

.tron-light.news h2,
.tron-light.news h2 * {
  font-size: 20px;
  margin-bottom: 10px
}

.tron-light.news h4,
.tron-light.news h4 * {
  color: #999;
  font-size: 14px
}

.tron-light.news hr {
  margin: 30px 0
}

.tron-light.news p {
  margin-bottom: .7em
}

.tron-light.news p:last-child {
  margin-bottom: 30px
}

.tron-light.news .socialMedia {
  margin-left: 0
}

.tron-light.news .socialMedia .ml-2,
.tron-light.news .socialMedia .mx-2 {
  margin-left: 1.3rem !important
}

.tron-light.news .socialMedia .mt-2,
.tron-light.news .socialMedia .my-2 {
  margin-top: 1rem !important
}

.tron-light.news .socialMedia>div {
  background-color: #eee
}

.tron-light.news .socialMedia>div span {
  color: #999
}

.tron-light.news .btn {
  margin: 38px 0 50px !important
}

.tron-light.news .news_unit {
  background-color: #fff;
  margin-bottom: 2px;
  padding: 1.25rem
}

.tron-light.news .news_unit:first-child hr {
  display: none
}

.tron-light.news .news_unit td {
  border: none;
  color: #666;
  padding-bottom: 9px;
  padding-top: 9px
}

.tron-light.news .news_unit td a,
.tron-light.news .news_unit td:last-child {
  color: #333
}

.tron-light .address-container .ant-table-content .ant-table-thead>tr>th .ant-table-filter-icon,
.tron-light .address-container .ant-table-content .ant-table-thead>tr>th .anticon-filter,
.tron-light .contract-detai-container .ant-table-content .ant-table-thead>tr>th .ant-table-filter-icon,
.tron-light .contract-detai-container .ant-table-content .ant-table-thead>tr>th .anticon-filter {
  right: auto
}

.tron-light .address-container .ant-table-content .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open,
.tron-light .address-container .ant-table-content .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.tron-light .address-container .ant-table-content .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,
.tron-light .address-container .ant-table-content .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.tron-light .contract-detai-container .ant-table-content .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open,
.tron-light .contract-detai-container .ant-table-content .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.tron-light .contract-detai-container .ant-table-content .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,
.tron-light .contract-detai-container .ant-table-content .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover {
  background: #fff
}

.tron-light .address-container .ant-table-content .ant-table-column-has-filters i,
.tron-light .address-container .ant-table-content .ant-table-column-has-filters span,
.tron-light .contract-detai-container .ant-table-content .ant-table-column-has-filters i,
.tron-light .contract-detai-container .ant-table-content .ant-table-column-has-filters span {
  color: #666 !important
}

.tron-light .address-container .transactionToAddressWrapper,
.tron-light .contract-detai-container .transactionToAddressWrapper {
  display: inline-flex;
  position: relative
}

.tron-light .address-container .transactionToAddressWrapper .bageFontNew,
.tron-light .contract-detai-container .transactionToAddressWrapper .bageFontNew {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c23631;
  border-radius: 3px;
  cursor: pointer;
  display: block;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  min-width: 16px;
  text-align: center;
  transform: translateY(-3px)
}

.tron-light .address-container .transactionToAddressWrapper .bage,
.tron-light .contract-detai-container .transactionToAddressWrapper .bage {
  color: #fff;
  color: #c23631;
  cursor: pointer;
  font-weight: 400;
  height: calc(100% + 10px);
  min-width: 12px;
  padding: 0;
  position: absolute;
  right: -1rem;
  text-align: center;
  top: -3px
}

.tron-light .address-container .transactionToAddressWrapper .bage .bageFont,
.tron-light .contract-detai-container .transactionToAddressWrapper .bage .bageFont {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c23631;
  border-radius: 3px;
  display: block;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  min-width: 16px
}

.tron-light .address-container .transactionToAddressWrapper .bage:hover .bage-menu,
.tron-light .contract-detai-container .transactionToAddressWrapper .bage:hover .bage-menu {
  display: block
}

.tron-light .address-container .transactionToAddressWrapper .bage .bage-menu,
.tron-light .contract-detai-container .transactionToAddressWrapper .bage .bage-menu {
  border: none;
  border-radius: 5px;
  box-shadow: 0 4px 20px #0000001a;
  left: -6rem;
  max-height: 165px;
  max-width: 18rem;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 15px;
  top: 20px;
  width: 14rem;
  z-index: 999
}

.tron-light .address-container .transactionToAddressWrapper .bage .bage-menu .bage-list,
.tron-light .contract-detai-container .transactionToAddressWrapper .bage .bage-menu .bage-list {
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  line-height: 22px;
  padding: 10px 0
}

.tron-light .address-container .transactionToAddressWrapper .bage .bage-menu .bage-list span,
.tron-light .contract-detai-container .transactionToAddressWrapper .bage .bage-menu .bage-list span {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  line-height: 22px
}

.tron-light .address-container .transactionToAddressWrapper .bage .bage-menu .bage-list .title,
.tron-light .contract-detai-container .transactionToAddressWrapper .bage .bage-menu .bage-list .title {
  color: #91979d;
  display: inline-block;
  min-width: 62px
}

.tron-light .address-container .card-header .addressSearch,
.tron-light .contract-detai-container .card-header .addressSearch {
  height: 26px
}

.tron-light .address-container .card-header .addressSearch .input-group-append input,
.tron-light .contract-detai-container .card-header .addressSearch .input-group-append input {
  caret-color: #c23631;
  color: #333;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  outline: none
}

.tron-light .address-container .card-header .addressSearch .input-group-append input::placeholder,
.tron-light .contract-detai-container .card-header .addressSearch .input-group-append input::placeholder {
  color: #999
}

.tron-light .address-container .card-header .addressSearch .input-group-append .searchCloseIcon,
.tron-light .contract-detai-container .card-header .addressSearch .input-group-append .searchCloseIcon {
  position: absolute;
  right: 32px;
  top: .375rem
}

@media(max-width:768px) {

  .tron-light .address-container .card-header .addressSearch .input-group-append .searchCloseIcon,
  .tron-light .contract-detai-container .card-header .addressSearch .input-group-append .searchCloseIcon {
    top: .555rem
  }
}

.tron-light .address-container .card-header .addressSearch .input-group-append button,
.tron-light .contract-detai-container .card-header .addressSearch .input-group-append button {
  background: #c23631;
  border-radius: 0 2px 2px 0;
  color: #fff;
  height: 26px;
  line-height: 26px;
  padding: 0;
  text-align: center;
  width: 26px
}

.tron-light .address-container .card-header .addressSearch .input-group-append button:active,
.tron-light .address-container .card-header .addressSearch .input-group-append button:hover,
.tron-light .contract-detai-container .card-header .addressSearch .input-group-append button:active,
.tron-light .contract-detai-container .card-header .addressSearch .input-group-append button:hover {
  background: #9b2b27
}

.tron-light .address-container .card-header .addressSearch .input-group-append button i,
.tron-light .contract-detai-container .card-header .addressSearch .input-group-append button i {
  color: #fff
}

.tron-light .address-approval .whiteSpaceNormal,
.tron-light .address-approvaltrans .whiteSpaceNormal {
  white-space: normal
}

.tron-light .address-approval table tbody tr td .flex-approval {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}

.tron-light .address-approval table tbody tr td .approval-item {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  width: 163px
}

.tron-light .address-approval table tbody tr td .approval-item>div {
  color: #737373;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px
}

.tron-light .address-approval table tbody tr td .approval-item a {
  color: #c64844;
  font-family: Helvetica Neue;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 14px
}

.tron-light .address-approval table tbody tr td .open-source {
  background: #69c265;
  border-radius: 2px;
  display: inline-block
}

.tron-light .address-approval table tbody tr td .open-source span {
  color: #fff;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  margin: 1px 3px 2px 4px
}

.tron-light .address-approval table tbody tr td .approval-button {
  border: 1px solid #666;
  border-radius: 2px;
  height: 28px;
  min-width: 86px;
  padding: 0 10px
}

.tron-light .address-approval table tbody tr td .approval-button span {
  color: #666;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 4px auto
}

.tron-light .address-approval table tbody tr td .approval-button:focus,
.tron-light .address-approval table tbody tr td .approval-button:hover {
  border: 1px solid #c23631
}

.tron-light .address-approval table tbody tr td .approval-button:focus span,
.tron-light .address-approval table tbody tr td .approval-button:hover span {
  color: #c23631 !important
}

.tron-light .address-approval table tbody tr td .approvaling-button {
  border: 1px solid #69c265;
  border-radius: 2px;
  cursor: not-allowed !important;
  height: 28px;
  min-width: 86px;
  padding: 0 10px
}

.tron-light .address-approval table tbody tr td .approvaling-button span {
  color: #69c265;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 4px auto
}

.tron-light .address-approval table tbody tr td .approvaling-button:focus,
.tron-light .address-approval table tbody tr td .approvaling-button:hover {
  border-color: #69c265 !important
}

.tron-light .address-approval table tbody tr td .approvaling-button:focus span,
.tron-light .address-approval table tbody tr td .approvaling-button:hover span {
  color: #69c265 !important
}

.tron-light .address-approval table tbody tr td .approvaled-button {
  background: #ddd;
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 28px;
  min-width: 86px;
  padding: 0 10px
}

.tron-light .address-approval table tbody tr td .approvaled-button span {
  color: #fff;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 4px auto
}

.tron-light .address-approval table tbody tr td .approvaled-button:focus,
.tron-light .address-approval table tbody tr td .approvaled-button:hover {
  background: #ddd;
  border: 1px solid #ddd
}

.tron-light .address-approval table tbody tr td .approvaled-button:focus span,
.tron-light .address-approval table tbody tr td .approvaled-button:hover span {
  color: #fff !important
}

.tron-light .address-approval table tbody tr td .view-record {
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  text-decoration-line: underline
}

.tron-light .address-approval table tbody tr td .view-record .record-link {
  color: #666 !important
}

.tron-light .address-approval table tbody tr td .view-record .record-link:hover {
  color: #c23631 !important
}

.tron-light .address-approval table tbody tr td .load-again {
  color: #c23631;
  cursor: pointer;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-right: 9px;
  text-decoration-line: underline
}

.ant-checkbox-indeterminate .ant-checkbox-inner:after {
  background-color: #c23631
}

.ant-dropdown .ant-table-filter-dropdown .ant-checkbox-group-item {
  clear: both;
  color: #000000a6;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 5px 12px;
  transition: all .3s;
  white-space: nowrap
}

.ant-dropdown .ant-table-filter-dropdown .ant-checkbox-group-item:hover {
  background-color: #e6f7ff
}

.confirm .borderBottom {
  border-bottom: "1px solid #DFD7CA" !important
}

.rdtPicker {
  bottom: 38px
}

.socialMedia div {
  line-height: 32px
}

.socialMedia div span {
  margin-left: 10px
}

.myToken tr td:first-child {
  width: 15%
}

.main-counters {
  margin-bottom: 50px;
  margin-top: 30px
}

.main-counters .counters {
  color: #555;
  text-align: center
}

.main-counters .counters span {
  font-size: 26px;
  line-height: 40px
}

.main-counters .counters h4 {
  margin-top: 10px
}

.main-counters .counters h4 span {
  color: #555;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
  text-shadow: none
}

@media(max-width:768px) {
  .main-counters .counters span {
    font-size: 24px
  }
}

.go-foundation {
  color: red
}

.go-foundation:hover {
  color: red;
  text-decoration: underline
}

.loader-hidden {
  display: none
}

.card-chart {
  font-size: 1rem;
  font-weight: 500;
  justify-content: center
}

.card-chart,
.card-chart .card-title {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

.card-chart .card-title {
  color: #000;
  font-size: 14px;
  font-weight: 400
}

.card-chart .card-title:hover {
  text-decoration: underline
}

.statistics-chart hr {
  margin: 0 55px
}

.tron-light .container {
  position: relative
}

@media(max-width:767px) {
  .tron-light .pc-panel-group-wrapper {
    margin-top: 80px
  }
}

@media(min-width:1400px) {
  .tron-light .container {
    max-width: 1370px
  }
}

@media(max-width:1400px) {
  .tron-light .trxgroup-wrapper h2 {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    margin: 11px 0 8px
  }
}

@media only screen and (max-width:768px) {

  .tron-light .panel-group-wrapper,
  .tron-light .trxgroup-wrapper {
    margin-bottom: 0
  }
}

.tron-light .list-group .list-group-item .media-body .list-item-word {
  word-wrap: normal;
  font-size: 14px;
  word-break: normal
}

@media(min-width:768px)and (max-width:980px) {
  .tron-light .list-group .list-group-item .media-body .list-item-word {
    word-wrap: break-word;
    font-size: 12px;
    word-break: break-all
  }
}

.tron-light .navbar-dark .navbar-nav .nav-link,
.tron-light .top-header-bar.navbar-dark .navbar-nav .nav-link {
  color: #333
}

.tron-light .top-header-bar.navbar-dark .navbar-nav .nav-link:hover {
  color: #c23631 !important
}

.tron-light .btn-search {
  background-color: #c23631;
  border-color: #c23631;
  color: #fff
}

.tron-light .home-stats .text-muted h2 {
  color: #333
}

.tron-light .home-stats .text-muted p {
  color: #999
}

.tron-light .home-stats .text-muted:hover p {
  color: #c23631
}

.tron-light .home {
  position: relative
}

.tron-light .home .pc-home-splash {
  padding: 0 1rem !important
}

.tron-light .home .pc-home-splash .noticeNews .notice {
  background: #fff !important
}

.tron-light .home .transferBlockSec {
  padding: 0 0 30px
}

.tron-light .home .transferBlockSec .new-block {
  display: flex
}

@media(min-width:768px)and (max-width:990px) {
  .tron-light .home .transferBlockSec .new-block {
    flex-direction: column
  }

  .tron-light .home .transferBlockSec .new-block .account,
  .tron-light .home .transferBlockSec .new-block .resources {
    max-width: 100%
  }

  .tron-light .home .transferBlockSec .new-block .resources {
    margin-top: 1.25rem !important
  }

  .tron-light .home .chart-box {
    flex-direction: column
  }

  .tron-light .home .chart-box>div {
    max-width: 100%
  }

  .tron-light .home .chart-box .frozen-content,
  .tron-light .home .chart-box .trx-generate-burn {
    margin-top: 1.25rem !important
  }
}

.tron-light .home .color-grey-100 {
  color: #333 !important
}

.tron-light .home .color-grey-200 {
  color: #666 !important
}

.tron-light .home .color-grey-300 {
  color: #999 !important
}

.tron-light .home .color-grey-border {
  border-color: #979797 !important
}

.tron-light .home .color-grey-border:hover {
  background-color: #fff !important;
  border-color: #c23631 !important;
  color: #c23631 !important
}

.tron-light .home .color-tron-100 {
  color: #c23631 !important
}

.tron-light .home .color-tron-100:hover {
  color: #c53027 !important
}

.tron-light .home .color-transfers-hash .truncate-ellipsis span {
  color: #c23631 !important
}

.tron-light .list-group-item {
  border-color: #eee;
  padding: 11px 1.25rem
}

.tron-light .list-group-item:hover {
  background-color: #fff0 !important
}

@media only screen and (max-width:768px) {
  .tron-light .list-group-item {
    padding: 11px 10px
  }
}

.tron-light .scrollbar-container .ps__rail-y {
  z-index: 99
}

.tron-light .text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tron-light .navbar-dark .navbar-toggler {
  border-color: #999;
  color: #999
}

.panel-group {
  background: #fff;
  margin-bottom: 20px;
  position: relative;
  width: 1338px
}

.panel-group .col-tag {
  background: #fff;
  border: none;
  border-radius: 4px;
  color: #999;
  cursor: pointer;
  float: right;
  margin-right: 10px;
  padding: 2px 6px
}

.panel-group .col-tag span {
  font-size: 12px
}

.panel-group .col-tag:hover {
  background: #c236310d;
  color: #c23631
}

.panel-group .col-tag .anticon {
  vertical-align: .05rem
}

.panel-group .ant-divider-horizontal.ant-divider-with-text-left:before {
  width: 0
}

.panel-group .ant-divider-horizontal.ant-divider-with-text-left {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 0 50px 0 20px
}

.panel-group .ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text span {
  color: #333;
  display: inline-block;
  font-family: PingFangSC-Medium;
  font-size: 14px
}

.panel-group .ant-divider-horizontal.ant-divider-with-text-left {
  text-align: left
}

.panel-group .ant-divider-horizontal.ant-divider-with-text-left:after {
  width: 100%
}

.panel-group .hidden-panel {
  height: 0;
  overflow: hidden;
  transition: height .5s;
  -moz-transition: height .5s;
  -webkit-transition: height .5s;
  -o-transition: height .5s
}

.panel-group .hidden-panel-height {
  height: 234px
}

.panel-group .foreign-hidden-panel-height {
  height: 276px
}

@media only screen and (max-width:768px) {

  .panel-group .foreign-hidden-panel-height,
  .panel-group .hidden-panel-height {
    height: auto
  }
}

.panel-group .panel-title {
  color: #666;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  padding-bottom: 10px
}

.panel-group h2 {
  font-family: HelveticaNeue;
  font-size: 16px;
  white-space: nowrap
}

.panel-group .hover-gray:hover {
  background-color: #eeeeee80
}

.panel-group .hover-gray:hover .hover-red {
  color: #c23631 !important
}

.panel-group .hvr-underline-white:before {
  background-color: #0000
}

.mobile-title {
  font-size: 16px
}

.home-border,
.new-home-border {
  border: 1px solid #e7e9ed;
  border-radius: 10px;
  overflow: hidden
}

@media(min-width:768px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: .625rem;
    padding-right: .625rem
  }

  .navbar-expand-md .navbar-nav .nav-link.connect-wallet {
    margin-left: .625rem;
    margin-right: .625rem
  }

  .navbar-expand-md .navbar-nav .tron-login-register {
    padding-left: 1.625rem;
    padding-right: 0
  }

  .navbar-expand-md .navbar-nav .tron-login-register span {
    margin: 0 10px
  }
}

@media(min-width:768px)and (max-width:980px) {
  .navbar-expand-md .navbar-nav .tron-login-register {
    padding-left: .625rem;
    padding-right: .625rem
  }

  .navbar-expand-md .navbar-nav .tron-login-register span {
    margin: 0 3px
  }
}

@media(max-width:768px) {
  .navbar-expand-md .navbar-nav .wallet-login-dropdown-toggle {
    padding-left: 0
  }
}

.tron-light .copyrightFooterContainer {
  height: 24px
}

.tron-light .helpLinkWrapper {
  min-height: 140px;
  width: 45px
}

.tron-light .currentTRXInfo {
  color: #333;
  font-family: HelveticaNeue;
  min-width: 142px;
  overflow: hidden;
  width: auto
}

.tron-light .currentTRXInfo a:hover {
  color: #8e8c84 !important
}

.tron-light .currentTRXInfo .TRXPrice {
  padding: 0
}

.tron-light .currentTRXInfo .TRXPrice:hover {
  cursor: pointer
}

.tron-light .currentTRXInfo .nav-price-wrapper {
  vertical-align: middle;
  white-space: nowrap
}

.tron-light .currentTRXInfo .nav-price-wrapper .trxTitle {
  display: inline-block;
  overflow: hidden
}

.tron-light .currentTRXInfo .nav-price-wrapper .currentTrxPirceNoTimeout {
  display: inline-block
}

.tron-light .currentTRXInfo .nav-price-wrapper .currentTrxPirceNoTimeout .currentTrxPirceNoResult {
  vertical-align: middle
}

.tron-light .currentTRXInfo .nav-price-wrapper .currentTrxPirceNoTimeout .currentCurrencyMobile,
.tron-light .currentTRXInfo .nav-price-wrapper .currentTrxPirceNoTimeout .showPirce {
  display: inline-block
}

.tron-light .currentTRXInfo .nav-price-wrapper .currentTrxPirceNoTimeout .currentCurrencyMobile {
  height: 16px;
  vertical-align: middle
}

.tron-light .currentTRXInfo .nav-price-wrapper .currentTrxPirceNoTimeout .currentCurrencyMobile span {
  display: inline-block
}

.tron-light .currentTRXInfo .nav-price-wrapper .currentTrxPirceNoTimeout .currentCurrency {
  margin: 0 4px
}

.tron-light .currentTRXInfo .nav-price-wrapper .currentTrxPirce {
  color: #333;
  display: inline-block;
  font-family: HelveticaNeue;
  font-size: 12px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle
}

@media screen and (max-width:768px) {
  .tron-light .currentTRXInfo .currentTrxPirce {
    color: #333;
    display: inline-block;
    font-family: HelveticaNeue;
    font-size: 12px
  }

  .tron-light .currentTRXInfo .normalPriceShow {
    height: 16px;
    vertical-align: middle
  }

  .tron-light .currentTRXInfo .nav-price-wrapper {
    vertical-align: middle
  }

  .tron-light .currentTRXInfo .nav-price-wrapper .trxTitle {
    display: inline-block
  }

  .tron-light .currentTRXInfo .nav-price-wrapper .currentTrxPirceNoTimeout {
    display: inline-block;
    height: 16px;
    line-height: 16px
  }

  .tron-light .currentTRXInfo .nav-price-wrapper .currentTrxPirceNoTimeout .normalCurrentTrxPirce {
    display: inline-block;
    height: 16px
  }

  .tron-light .currentTRXInfo .nav-price-wrapper .currentTrxPirceNoTimeout .normalCurrentTrxPirce a {
    display: inline-block;
    height: 16px;
    vertical-align: middle
  }

  .tron-light .currentTRXInfo .navContainerSec .currentTRXInfo .trxTitle {
    height: 16px
  }

  .tron-light .currentTRXInfo .currentTrxPirceNoResult {
    vertical-align: middle
  }

  .tron-light .currentTRXInfo .currentCurrencyMobile,
  .tron-light .currentTRXInfo .showPirce {
    display: inline-block
  }

  .tron-light .currentTRXInfo .showPirce {
    vertical-align: middle
  }

  .tron-light .currentTRXInfo .showPirce span {
    display: inline-block
  }

  .tron-light .currentTRXInfo .currentCurrencyMobile {
    vertical-align: middle
  }

  .tron-light .currentTRXInfo .currentCurrencyMobile span {
    display: inline-block
  }
}

.tron-light .currentTRXInfo .greenPrice {
  color: #009e73;
  font-family: HelveticaNeue;
  font-size: 12px
}

.tron-light .currentTRXInfo .redPrice {
  color: #c53228;
  font-family: HelveticaNeue;
  font-size: 12px
}

.tron-light .currentTRXInfo .currentCurrency,
.tron-light .currentTRXInfo .trxTitle {
  color: #333;
  font-family: HelveticaNeue;
  font-size: 12px
}

.tron-light .currentTRXInfo .trxTitle {
  box-shadow: 0 0 1px #0000;
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  overflow: hidden;
  position: relative;
  transform: perspective(1px) translateZ(0);
  vertical-align: middle
}

.tron-light .currentTRXInfo .currentTrxPirceNoResult {
  height: 16px
}

.tron-light .sticky-nav-wrapper {
  height: auto;
  background: #F6F7FB;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 900
}

@media screen and (max-width:767px) {
  .tron-light .hottokenComponent {
    display: block
  }
}

.tron-light .hasactiveComponent {
  padding-top: 100px
}

.tron-light .hasactiveComponent.home-has-switch-network {
  padding-top: 112px
}

.tron-light .hasactiveComponent.has-switch-network {
  padding-top: 122px
}

@media(min-width:992px)and (max-width:1200px) {
  .tron-light .language-ru .hasactiveComponent {
    padding-top: 118px
  }

  .tron-light .language-ru .hasactiveComponent.home-has-switch-network {
    padding-top: 170px
  }

  .tron-light .language-ru .hasactiveComponent.has-switch-network {
    padding-top: 180px
  }

  .tron-light .language-zh .hasactiveComponent {
    padding-top: 60px
  }

  .tron-light .language-zh .hasactiveComponent.home-has-switch-network {
    padding-top: 112px
  }

  .tron-light .language-zh .hasactiveComponent.has-switch-network {
    padding-top: 122px
  }

  .tron-light .new-menu-List .navbar-nav .nav-item:hover .more-menu {
    flex-direction: column
  }
}

@media(min-width:768px)and (max-width:1400px) {
  .tron-light .new-menu-List .navbar-nav {
    flex-wrap: wrap
  }
}

@media(min-width:992px)and (max-width:1130px) {
  .tron-light .language-en .hasactiveComponent {
    padding-top: 118px
  }

  .tron-light .language-en .hasactiveComponent.home-has-switch-network {
    padding-top: 170px
  }

  .tron-light .language-en .hasactiveComponent.has-switch-network {
    padding-top: 180px
  }
}

@media(min-width:992px)and (max-width:1100px) {
  .tron-light .language-ja .hasactiveComponent {
    padding-top: 118px
  }

  .tron-light .language-ja .hasactiveComponent.home-has-switch-network {
    padding-top: 170px
  }

  .tron-light .language-ja .hasactiveComponent.has-switch-network {
    padding-top: 180px
  }
}

@media(min-width:768px)and (max-width:992px) {
  .tron-light .hasactiveComponent {
    padding-top: 118px
  }

  .tron-light .hasactiveComponent.home-has-switch-network {
    padding-top: 170px
  }

  .tron-light .hasactiveComponent.has-switch-network {
    padding-top: 180px
  }

  .tron-light .new-menu-List .navbar-nav {
    flex-wrap: wrap
  }

  .tron-light .new-menu-List .navbar-nav .nav-item:hover .more-menu {
    flex-direction: column
  }

  .tron-light .new-menu-List .single-language-navbar-nav li:last-child .more-menu {
    left: auto !important
  }
}

.tron-light .new-menu-List {
  padding-top: 11px
}

.tron-light .new-menu-List .navbar-nav .nav-item .nav-link {
  padding-left: 13px;
  padding-right: 13px;
  white-space: nowrap
}

.tron-light .new-menu-List .navbar-nav .nav-item .nav-link:hover .caretDownStyle,
.tron-light .new-menu-List .navbar-nav .nav-item .nav-link:hover span span {
  color: #c23631 !important
}

.tron-light .new-menu-List .navbar-nav .nav-item .nav-link span {
  color: #333;
  font-size: 13px;
  font-weight: 400
}

.tron-light .new-menu-List .navbar-nav .nav-item .nav-link .caretDownStyle {
  color: #33333380;
  font-size: 8px;
  margin-left: 4px
}

.tron-light .new-menu-List .navbar-nav .nav-item .nav-link.link-href:hover span {
  color: #c23631 !important
}

.tron-light .new-menu-List .navbar-nav .nav-item h6 .menuNewIcon {
  margin-bottom: 2px;
  margin-left: 8px
}

.tron-light .new-menu-List .navbar-nav .loadingWallet {
  color: #333;
  font-family: PingFangSC-Medium;
  font-weight: 400
}

.tron-light .new-menu-List .navbar-nav .nav_input .nav-link:hover .caretDownStyle,
.tron-light .new-menu-List .navbar-nav .nav_input .nav-link:hover span span {
  color: #c23631 !important
}

.tron-light .new-menu-List .navbar-nav .nav_input .nav-link span {
  color: #333;
  font-weight: 400
}

.tron-light .new-menu-List .navbar-nav .nav_input .nav-link .caretDownStyle {
  color: #33333380;
  font-size: 8px;
  margin-left: 4px
}

.tron-light .new-menu-List .navbar-nav .nav-static .nav-link:hover .caretDownStyle,
.tron-light .new-menu-List .navbar-nav .nav-static .nav-link:hover span {
  color: #c23631 !important
}

.tron-light .new-menu-List .navbar-nav .nav-static .nav-link span {
  color: #333;
  font-weight: 400 !important
}

.tron-light .new-menu-List .navbar-nav .nav-static .nav-link .caretDownStyle {
  color: #33333380;
  font-size: 8px;
  margin-left: 4px
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu {
  background: #fff;
  border: none;
  border-radius: 6px;
  box-shadow: 0 20px 30px #1010100f;
  padding: 10px 20px;
  top: calc(100% - 4px);
  z-index: 999
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu.dropdown-menu-new {
  display: block;
  width: auto
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item.active,
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item:active {
  color: #333
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item {
  font-weight: 400
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item.dropdown-item-BTFSscan {
  text-transform: none
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item.dropdown-item-more {
  display: inline-block;
  min-width: auto
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item.dropdown-item-more .nav-more-icon,
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item.dropdown-item-more .nav-more-icon span,
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item.dropdown-item-more span,
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item.dropdown-item-more span span {
  color: #73787b !important
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item.dropdown-item-more:hover .nav-more-icon,
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item.dropdown-item-more:hover span {
  color: #c23631 !important
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item span {
  color: #101010
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item span:hover,
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item span:hover span {
  color: #c23631 !important
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item:focus:not(.dropdown-item-more),
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item:hover:not(.dropdown-item-more) {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c2c9d1;
  border-radius: 6px
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item:focus.dropdown-item-more,
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item:hover.dropdown-item-more {
  background: #0000;
  border-radius: 6px
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item:focus .nav-more-icon,
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item:focus span,
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item:hover .nav-more-icon,
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item:hover span {
  color: #c23631 !important
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item:focus .outLinkIcon,
.tron-light .new-menu-List .navbar-nav .dropdown-menu .dropdown-item:hover .outLinkIcon {
  visibility: visible
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .hotTokenMenu {
  padding: 4px 0 4px 10px
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu .hotTokenMenu span {
  color: #101010
}

.tron-light .language-es .new-menu-List .nav-item .nav-link,
.tron-light .language-es .new-menu-List .navbar-nav .nav-link,
.tron-light .language-ja .new-menu-List .nav-item .nav-link,
.tron-light .language-ja .new-menu-List .navbar-nav .nav-link,
.tron-light .language-ru .new-menu-List .nav-item .nav-link,
.tron-light .language-ru .new-menu-List .navbar-nav .nav-link,
.tron-light .language-tr .new-menu-List .nav-item .nav-link,
.tron-light .language-tr .new-menu-List .navbar-nav .nav-link {
  padding-left: 6px;
  padding-right: 6px
}

.tron-light .nav-searchbar .dropdown-menu {
  z-index: 410
}

.tron-light .single-menu-nav-wrapper .new-menu-List .navbar-nav .nav-item .nav-link {
  padding: .5rem 20px
}

.tron-light .single-menu-nav-wrapper .new-menu-List .navbar-nav .nav-item .nav-link span {
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 400 !important
}

.tron-light .index-page-search-sec {
  padding: 1.25rem 1rem .5rem !important
}

.tron-light .index-page-search-sec-other {
  padding: 10px 1rem 16px !important
}

.tron-light .logo-wrapper .wallet-login-dropdown-toggle:hover {
  cursor: auto
}

.tron-light .logo-wrapper .wallet-login-dropdown-toggle:after {
  display: none
}

.tron-light .logo-wrapper .wallet-login-dropdown-toggle .netEntry {
  align-items: center;
  border: 1px solid #c2c9d180;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px
}

.tron-light .logo-wrapper .wallet-login-dropdown-toggle .netEntry .netLogo {
  display: inline-flex
}

.tron-light .logo-wrapper .wallet-login-dropdown-toggle .netEntry .netLogo .img {
  font-size: 17px;
  transform: translateY(1px)
}

.tron-light .logo-wrapper .wallet-login-dropdown-toggle .netEntry:hover {
  border: 1px solid #c23631
}

.tron-light .logo-wrapper .wallet-login-dropdown-toggle .netEntry:hover .netLogo .img {
  color: #c23631
}

.tron-light .logo-wrapper .connect-wallet {
  background: #101010;
  border-radius: 5px;
  max-height: 52px;
  mix-blend-mode: normal
}

.tron-light .logo-wrapper .connect-wallet:hover {
  background: #c23631;
  cursor: pointer;
  transition: all .35s
}

.tron-light .logo-wrapper .connect-wallet:hover span {
  color: #fff !important
}

.tron-light .logo-wrapper .connect-wallet span {
  color: #fff;
  font-size: 12px
}

.tron-light .logo-wrapper .navContainerSec {
  display: flex;
  justify-content: center;
  min-height: 60px;
  padding-left: 30px;
  width: 100%
}

.tron-light .logo-wrapper .navContainerSec .mobileFlexible {
  margin-right: 30px
}

.tron-light .logo-wrapper .navContainerSec .mobileFlexibleTestNet {
  margin-right: 8px
}

.tron-light .logo-wrapper .navContainerSec .nav-bar-section {
  display: flex;
  justify-content: center;
  width: 100%
}

.tron-light .logo-wrapper .loginInfoNavBar {
  height: 70px;
  padding-right: 32px;
  padding-top: 5px;
  width: auto
}

.tron-light .logo-wrapper .loginInfoNavBar .avatarWithBox {
  width: calc(100% - 34px)
}

.tron-light .logo-wrapper .loginInfoNavBar .nav-notice-content {
  border: 1px solid #dbdee2;
  border-radius: 50%;
  cursor: default;
  flex-shrink: 0;
  height: 36px;
  line-height: 36px;
  margin: 0 10px;
  position: relative;
  text-align: center;
  width: 36px
}

.tron-light .logo-wrapper .loginInfoNavBar .nav-notice-content:hover {
  border-color: #c23631
}

.tron-light .logo-wrapper .loginInfoNavBar .nav-notice-content:hover .nav-notice-icon {
  color: #c23631
}

.tron-light .logo-wrapper .loginInfoNavBar .nav-notice-content .nav-notice-icon {
  color: #404245;
  cursor: default;
  font-size: 16px
}

.tron-light .logo-wrapper .loginInfoNavBar .nav-notice-content .nav-notice-icon:hover {
  color: #c23631
}

.tron-light .logo-wrapper .loginInfoNavBar .nav-notice-content .new-notice-mark {
  background-color: #b73e31;
  border-radius: 50%;
  display: block;
  height: 6px;
  position: absolute;
  right: -3px;
  top: -3px;
  width: 6px
}

.tron-light .logo-wrapper .loginInfoNavBar .nav-static .nav-link:hover .caretDownStyle {
  color: #c53027 !important
}

.tron-light .logo-wrapper .loginInfoNavBar .nav-static .nav-link .caretDownStyle {
  color: #33333380;
  font-size: 8px;
  margin-left: 4px
}

.tron-light .logo-wrapper .loginInfoNavBar .ant-divider,
.tron-light .logo-wrapper .loginInfoNavBar .ant-divider-vertical {
  background-color: #333;
  color: #333;
  margin: 0 4px
}

.tron-light .top-logo-wrapper {
  background: #fff0
}

.tron-light .main-logo-wrapper {
  background: #f6f7fb;
  box-shadow: 0 14px 20px #1010100f
}

.tron-light .single-logo-wrapper .navContainerSec {
  padding-left: 0
}

.tron-light .single-logo-wrapper .loginInfoNavBar {
  padding-right: 0
}

.tron-light .loginInfoNavBar .mainetMargin {
  padding: .5rem 1rem .5rem 0
}

.tron-light .menu-nav-wrapper {
  
  padding: 0 30px
}



.tron-light .indxe-page-bottom-sec {
  margin-top: 20px;
  position: relative
}

.tron-light .indxe-page-bottom-sec .helpLink {
  bottom: 16rem;
  position: absolute;
  right: -8rem
}

.tron-light .indxe-page-bottom-sec-pc {
  margin-top: 20px
}

.tron-light .single-menu-nav-wrapper {
  justify-content: space-between
}

.tron-light .single-menu-nav-wrapper .page-right-navbar {
  padding-right: 0
}

.tron-light .sunnet-logo-title {
  display: inline-block;
  height: 30px;
  margin-top: .5rem
}

@media(min-width:769px)and (max-width:980px) {
  .tron-light .mobileFlexible {
    display: block
  }

  .tron-light .nav-logined-address {
    min-width: 174px
  }

  .tron-light .wallet-nav.navbar-nav {
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 290px;
    padding: 0
  }
}

@media screen and (max-width:768px)and (min-width:768px) {
  .tron-light .mobileFlexible {
    display: block
  }
}

@media(max-width:767px) {
  .tron-light .logo-wrapper .navContainerSec {
    padding-left: 0
  }

  .tron-light .logo-wrapper .loginInfoNavBar {
    padding-right: 0
  }

  .tron-light .mobileFlexible {
    display: flex;
    flex-direction: column;
    margin-right: 10px !important
  }

  .tron-light .mobileFlexible .logoNoPrice {
    margin-top: 18px
  }

  .tron-light .mobileMarginMenu .navbar-nav .nav-static {
    padding-top: 10px
  }

  .tron-light .mobileMarginMenu .navbar-nav .nav-static.nav-static-login {
    padding-top: 0
  }

  .tron-light .mobileMarginMenu .navbar-nav .nav-static .nav-link-name .avatar {
    align-items: center;
    display: inline-flex !important;
    font-size: 12px !important;
    height: 24px !important;
    justify-content: center;
    margin-right: 10px !important;
    width: 24px !important
  }

  .tron-light .loginInfoNavBar .nav-link {
    padding: 20px
  }

  .tron-light .menu-nav-wrapper .logo {
    margin-top: 10px
  }

  .tron-light .currentTRXInfo {
    margin-right: 0
  }

  .tron-light .currentTRXInfo .TRXPric {
    padding: 4px 0
  }

  .tron-light .logo-wrapper {
    padding: 0 1rem
  }

  .tron-light .menu-nav-wrapper {
    justify-content: space-between
  }

  .tron-light .menu-nav-wrapper .logo {
    height: 20px
  }

  .tron-light .navbar {
    padding: 0
  }

  .tron-light .drawWrapper {
    line-height: 42px;
    margin-left: 6px
  }

  .tron-light .drawWrapper i,
  .tron-light .drawWrapper span {
    color: #666;
    font-size: 14px;
    position: relative;
    vertical-align: 0
  }

  .tron-light .drawWrapper i .icon-sun-pump,
  .tron-light .drawWrapper span .icon-sun-pump {
    right: -10px !important
  }

  .tron-light .drawWrapper .tron-mobile-more {
    height: 15px;
    vertical-align: middle;
    width: 20px
  }

  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before {
    background: #c2c9d1 !important
  }

  .ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow {
    right: 20px;
    top: 40%
  }

  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background: #fff
  }

  .ant-menu-item-selected,
  .ant-menu-light>.ant-menu .ant-menu-item-selected {
    color: #c23631
  }

  .ant-drawer-content {
    background: #fff;
    box-shadow: 0 10px 20px #1010100f
  }

  .ant-drawer-content .ant-drawer-body {
    padding: 30px 0 0
  }

  .ant-drawer-content .ant-drawer-body .ant-menu-inline,
  .ant-drawer-content .ant-drawer-body .ant-menu-vertical,
  .ant-drawer-content .ant-drawer-body .ant-menu-vertical-left {
    border-right: none
  }

  .ant-drawer-content .ant-drawer-body .ant-collapse-header,
  .ant-drawer-content .ant-drawer-body .ant-menu-item,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-title {
    color: #101010;
    text-transform: capitalize
  }

  .ant-drawer-content .ant-drawer-body .ant-menu-item:active,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-title:active {
    background: none
  }

  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before {
    background: linear-gradient(90deg, #fff, #fff)
  }

  .ant-drawer-content .ant-drawer-body .ant-menu-submenu-open .ant-menu-submenu-title .ant-menu-title-content .nav-network-hot {
    color: #c23631;
    display: inline-block;
    position: relative
  }

  .ant-drawer-content .menu-single-tilte {
    font-size: 14px;
    position: relative
  }

  .ant-drawer-content .menu-single-tilte .icon-sun-pump {
    right: -10px !important
  }

  .ant-drawer-content .dropdown-header .menuNewIcon {
    margin-left: 5px
  }

  .ant-drawer-content .dapp-link-style {
    padding-left: .8rem
  }

  .ant-drawer-content .menu-active-tilte,
  .ant-drawer-content .menu-active-tilte .desc {
    color: #c23631 !important
  }

  .ant-drawer-content .ant-menu {
    background: #fff !important;
    overflow: hidden
  }

  .ant-drawer-content .ant-menu .ant-menu-submenu-active .ant-menu-title-content {
    background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c2c9d1;
    border-radius: 10px
  }

  .ant-drawer-content .ant-menu .ant-menu-submenu .ant-menu-submenu-title {
    color: #101010;
    font-size: 14px;
    padding: 0 15px 0 40px
  }

  .ant-drawer-content .ant-menu .ant-menu-submenu .ant-menu-sub {
    color: #101010;
    font-size: 12px;
    margin-left: 10px;
    padding: 0 15px 0 40px
  }

  .ant-drawer-content .ant-menu .ant-menu-submenu .ant-menu-sub .ant-menu-item-group-title,
  .ant-drawer-content .ant-menu .ant-menu-submenu .ant-menu-sub a {
    color: #73787b
  }

  .ant-drawer-content .ant-menu .ant-menu-submenu .ant-menu-sub .menu-single-tilte {
    font-size: 14px;
    padding-left: 0
  }

  .ant-drawer-content .ant-menu .ant-menu-submenu .ant-menu-sub .more-menu-single-tilte-style {
    padding-left: 0
  }

  .ant-drawer-content .ant-menu .ant-menu-submenu .ant-menu-sub .dropdown-item {
    color: #101010;
    font-size: 14px;
    line-height: 1.6rem
  }

  .ant-drawer-content .currency-menu .dropdown-item,
  .ant-drawer-content .languages-menu .dropdown-item {
    line-height: 16px;
    padding: 8px 1.5rem
  }

  .ant-drawer-content .nav-network-hot {
    padding-left: 20px
  }

  .ant-drawer-content .nav-network-hot .hot-nav {
    top: 10px
  }

  .ant-drawer-content .nav-network-hot .more-nav-icon {
    font-size: 20px;
    margin-left: 8px
  }

  .ant-drawer-content .dropdown-item.active,
  .ant-drawer-content .dropdown-item:active {
    background: #fff !important;
    color: #c23631 !important;
    outline: none !important
  }

  .ant-drawer-content .dropdown-item:focus,
  .ant-drawer-content .dropdown-item:hover {
    background: #fff !important;
    color: #c23631 !important
  }

  .ant-collapse-borderless {
    background: #fff !important;
    color: #101010
  }

  .ant-collapse-borderless .ant-collapse-item {
    border-bottom: none
  }

  .ant-collapse-borderless .ant-collapse-item:first-child {
    border-top: 4px solid #f9fafa
  }

  .mobile-draw .ant-drawer-header,
  .site-mobile-draw .ant-drawer-header {
    border-bottom: none;
    padding-bottom: 10px
  }

  .mobile-draw-menu .ant-collapse .ant-collapse-item .ant-collapse-header {
    color: #101010
  }

  .mobile-draw-menu .ant-collapse .dropdown-item {
    color: #101010;
    font-size: 14px;
    line-height: 1.6rem
  }

  .mobile-draw-menu .ant-collapse .dropdown-item:focus {
    color: #c23631 !important
  }

  .mobile-draw-menu .ant-collapse-item .ant-collapse-header {
    background: none;
    height: 40px;
    margin: 0 15px 10px 24px;
    padding: 10px 0 10px 20px;
    transition: none
  }

  .mobile-draw-menu .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
    background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c2c9d1;
    border-radius: 10px;
    color: #c23631;
    overflow: hidden;
    transition: none
  }

  .mobile-draw-menu .ant-menu-item-group-title {
    font-size: 14px;
    line-height: 1.6rem !important;
    padding: 0 !important
  }

  .mobile-draw-menu .ant-menu-item-group-title .more-icon-new {
    margin-left: 4px;
    width: 22px
  }

  .mobile-draw-menu .ant-menu-submenu-arrow {
    color: #c2c9d1;
    margin-right: 17px
  }

  .mobile-draw-menu .classicUrl {
    margin: 10px 0;
    padding: 0 40px
  }

  .mobile-draw-menu .classicUrl a {
    color: #101010;
    font-size: 14px;
    line-height: 20px;
    mix-blend-mode: normal;
    text-decoration-line: underline
  }

  .mobile-draw-menu .configSetting {
    color: #101010;
    font-size: 14px;
    line-height: 20px;
    margin: 0 30px 0 24px;
    padding: 10px 20px 40px
  }

  .mobile-draw-menu .configSetting:hover {
    background: #f7f9fc;
    border-radius: 6px;
    color: #c23631
  }
}

.ant-drawer-right .ant-drawer-wrapper-body .mobile-draw-menu {
  padding-bottom: 20px
}

.ant-drawer-right .ant-drawer-wrapper-body .mobile-draw-menu .ant-menu {
  padding-bottom: 10px
}

.ant-drawer-right .ant-drawer-wrapper-body .mobile-draw-menu .top-right-placement {
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  right: -26px;
  top: 15px
}

.ant-drawer-right .ant-drawer-wrapper-body .mobile-draw-menu .ant-collapse-borderless .ant-collapse-item:first-child {
  padding-top: 10px
}

.ant-drawer-right .ant-drawer-wrapper-body .mobile-draw-menu .ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
.ant-drawer-right .ant-drawer-wrapper-body .mobile-draw-menu .ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon {
  color: #c2c9d1
}

.ant-drawer-right .ant-drawer-wrapper-body .mobile-draw-menu .ant-collapse-content .ant-collapse-content-box {
  padding-left: 24px
}

@media(max-width:768px) {
  .navbar-nav .nav-static:hover .dropdown-menu.account-dropdown-menu-new {
    margin-top: 4px
  }
}

.account-dropdown-menu-new {
  border-radius: 10px !important;
  box-shadow: 0 0 30px #10101014;
  padding: 10px 29px;
  position: absolute !important
}

.account-dropdown-menu-new .dropdown-item {
  color: #101010;
  font-size: 14px;
  line-height: 20px;
  margin: 0 -18px;
  padding: 10px 18px;
  width: calc(100% + 36px)
}

.account-dropdown-menu-new .dropdown-item.active,
.account-dropdown-menu-new .dropdown-item:hover {
  background: #f9fafa !important;
  border-radius: 8px;
  color: #c23631
}

.account-dropdown-menu-new .dropdown-item.dropdown-item-logout {
  cursor: pointer
}

.navbar-nav .nav-item .dropdown-menu.dropdown-menu-new {
  display: block;
  width: auto
}

.navbar-nav .nav-item:hover .dropdown-menu {
  display: block
}

.navbar-nav .nav-item .more-menu {
  margin-top: 4px
}

.navbar-nav .nav-item .more-menu .dropdown-header {
  align-items: center;
  display: flex;
  padding: 10px
}

.navbar-nav .nav-item .dropdown-item {
  padding: 10px
}

.navbar-nav .nav-item .dropdown-header {
  color: #91979d
}

.navbar-nav .nav-item .dropdown-header span {
  color: #91979d;
  font-size: 12px;
  line-height: 16px
}

.navbar-nav .nav-static .nav-link-name {
  color: #101010;
  font-size: 16px;
  font-weight: 400 !important;
  text-transform: none !important
}

.navbar-nav .nav-static .nav-link-name .icon-down-arrow {
  font-size: 12px;
  margin-left: 6px
}

.navbar-nav .nav-static .nav-link-name .icon-down-arrow:before {
  display: inline-block;
  transform: scale(.6)
}

.navbar-nav .nav-static .nav-link-name.dropdown-toggle:after {
  display: none
}

.navbar-nav .nav-static .nav-link-name .avatar {
  background-color: #2d912c;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 26px;
  line-height: 26px;
  margin-right: 8px;
  text-align: center;
  width: 26px
}

.navbar-nav .nav-static:hover .dropdown-menu {
  display: block
}

.navbar-nav .nav-item:hover .more-menu {
  display: block;
  display: flex
}

.navbar-nav .nav-item:hover .newtokens-more-menu {
  display: block
}

.single-language-navbar-nav li:last-child .more-menu {
  left: -400px !important
}

.more-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: .25rem;
  color: #3e3f3a;
  display: flex;
  display: none;
  flex-direction: row;
  float: left;
  font-size: .875rem;
  left: 0;
  list-style: none;
  margin: 2px 0 .125rem;
  min-width: 10rem;
  padding: .5rem 0;
  position: absolute;
  text-align: left;
  top: 90%;
  z-index: 1000
}

.multi-menu-dropdown {
  margin-right: 20px
}

.multi-menu-dropdown:last-child {
  margin-right: 0
}

.multi-menu-dropdown .dropdown-item {
  min-width: 100px;
  width: auto
}

.multi-menu-dropdown .nav-beta-icon {
  align-items: center;
  background-color: #91979d;
  border-radius: 5px;
  border-bottom-left-radius: 1px;
  display: inline-flex;
  height: 10px;
  justify-content: center;
  margin-left: 2px;
  width: 24px
}

.multi-menu-dropdown .nav-beta-icon span {
  zoom: .6;
  color: #f0f1f3 !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 10px
}

.multi-menu-dropdown .outLinkIcon {
  visibility: hidden
}

.more-menu-line {
  height: 85%;
  margin: 0;
  overflow: hidden;
  position: absolute;
  width: 0
}

.horizontal-menu-line {
  background: #eee;
  height: 1px;
  margin: 8px 20px
}

.img-dropdown-header {
  font-size: 12px
}

.hot-token-route {
  margin-bottom: .05rem;
  margin-top: .05rem;
  padding-right: 1rem
}

.hot-token-route .img-content {
  flex-direction: column;
  justify-content: center;
  margin-right: 6px
}

.hot-token-route .img-content img {
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.hot-token-route .img-content .token-img-top {
  position: relative
}

.hot-token-route .img-content .tron-v-icon {
  height: 9px;
  position: absolute;
  right: -1px;
  top: 13px;
  width: 9px
}

.hot-token-route .tron-hot-token-icon:not(.nav-more-icon) {
  border-radius: 50%;
  height: 20px;
  width: 20px
}

.hot-token-route .more-icon-new {
  margin-left: 4px;
  width: 22px
}

.hot-token-route .detail {
  line-height: 20px
}

.hot-token-route .desc {
  color: #c2c9d1;
  font-size: 10px;
  margin-bottom: 0;
  text-transform: none
}

.hot-token-route:hover .detail span {
  color: #c23631 !important
}

.hot-token-route .stusdt-tag {
  background: #e7f7f8;
  border-radius: 4px;
  color: #459191;
  font-size: 12px;
  font-weight: 400;
  height: 16px;
  line-height: 16px;
  margin-left: 4px;
  padding: 0 8px
}

.hot-more-route {
  padding-right: .5rem
}

.modal-dialog-tron-new {
  height: auto;
  width: 800px
}

@media(min-width:1000px) {
  .modal-dialog-tron-new.modal-dialog {
    max-width: none !important
  }
}

@media(max-width:800px) {
  .modal-dialog-tron-new {
    margin: auto;
    max-width: none !important;
    width: 80% !important
  }
}

.modal-dialog-tron-new main {
  padding: 0
}

.modal-dialog-tron-new .modal-content {
  border: none;
  border-radius: 20px;
  padding: 30px;
  position: relative
}

.modal-dialog-tron-new .modal-content .close-icon {
  cursor: pointer;
  display: flex;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 14px;
  z-index: 1
}

.modal-dialog-tron-new .modal-header {
  border-bottom: 0;
  padding: 0
}

.modal-dialog-tron-new .modal-header .modal-title {
  color: #101010;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin: auto
}

.modal-dialog-tron-new .modal-header button.close {
  display: none
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont {
  padding: 0
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 20px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:last-child {
  margin-right: 0
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-child(3) .imgWrapper img {
  width: 35px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-child(4) .imgWrapper img {
  width: 32px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs {
  padding: 28px 20px 20px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs.methodsActiveTabs,
.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs:hover {
  background: #e7effa;
  padding: 40px 20px 30px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs.methodsActiveTabs .imgWrapper img,
.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs:hover .imgWrapper img {
  border-radius: 10px;
  height: 50px;
  width: 50px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs .imgWrapper img {
  border-radius: 10px;
  height: 35px;
  width: 35px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs {
  padding: 35px 20px 20px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs.methodsActiveTabs,
.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs:hover {
  background: #faece5;
  padding: 50px 30px 30px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs.methodsActiveTabs .imgWrapper img,
.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs:hover .imgWrapper img {
  height: 31px;
  width: 90px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs .imgWrapper img {
  height: 22px;
  width: 63px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabs {
  align-items: center;
  background: #f0f2f3;
  border-radius: 12px;
  color: #101010;
  display: inline-block;
  font-size: 12px;
  height: 112px;
  justify-content: space-between;
  margin-top: 64px;
  position: relative;
  transform-origin: center;
  transition: all .35s;
  width: 105px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabs.methodsActiveTabs,
.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabs:hover {
  border-radius: 20px;
  font-size: 16px;
  height: 160px;
  margin-top: 40px;
  width: 150px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabs .imgWrapper {
  text-align: center
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabs .imgWrapper .label,
.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabs .imgWrapper img {
  transform-origin: center;
  transition: all .35s
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .tabWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 100%
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .tabWrapper .label {
  padding: 0 5px;
  text-align: center
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .checked,
.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .unchecked {
  height: 16px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 16px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .checked img,
.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .unchecked img {
  border-radius: 100%;
  display: inline-block;
  height: 16px;
  width: 16px
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tronlink_cont>.logo {
  height: 0 !important;
  margin-top: 0 !important
}

.modal-dialog-tron-new .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tronlink_cont>.note {
  margin: 0 !important
}

.modal-dialog-tron {
  max-width: 836px !important;
  min-height: auto !important
}

.modal-dialog-tron .ledger_wrapper .ledger-connection {
  width: 100% !important
}

.modal-dialog-tron .ledger_wrapper .ledger-connection .ledger-connection-step .connection-step:last-child {
  margin-left: 31px !important
}

.modal-dialog-tron .ledger_wrapper .ledger-select-account {
  width: 100% !important
}

.modal-dialog-tron .modal-content {
  border-radius: 0 !important;
  border-width: 0 !important
}

.modal-dialog-tron .modal-content .modal-header {
  border-bottom-width: 0 !important;
  padding: 15px 30px !important;
  position: relative
}

.modal-dialog-tron .modal-content .modal-header .modal-title {
  color: #333;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 20px;
  line-height: 20px
}

.modal-dialog-tron .modal-content .modal-header .close {
  color: #666
}

.modal-dialog-tron .modal-content .modal-header :after {
  background-color: #eee;
  bottom: 0;
  content: " ";
  height: 1px;
  left: 30px;
  position: absolute;
  width: calc(100% - 60px)
}

.modal-dialog-tron .modal-content .modal-body>main {
  padding-bottom: 40px !important;
  padding-top: 18px
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont {
  padding: 0 !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper {
  margin-bottom: 20px
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-child {
  margin-right: 180px !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper {
  height: 160px !important;
  width: 140px !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper .methodsTabs {
  border-radius: 6px !important;
  cursor: pointer;
  height: 160px !important;
  margin-top: 0 !important;
  width: 140px !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper .methodsTabs .tabWrapper .imgWrapper img {
  margin-bottom: 20px !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper .methodsTabs .tabWrapper .label {
  line-height: 20px;
  padding: 0 !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper .methodsTabs .tabWrapper .unchecked {
  height: 16px;
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 16px
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper .methodsTabs:hover .unchecked {
  opacity: 1
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-cont>.tronlink_wrapper {
  padding-bottom: 0 !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-cont>.tronlink_wrapper .tronlink_cont>.logo {
  height: 0 !important;
  margin-top: 0 !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-cont>.tronlink_wrapper .tronlink_cont>.note {
  margin: 0 !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-cont>.tronlink_wrapper .tronlink_cont>.install {
  margin: 20px 0 0 !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-cont>.ledger_wrapper {
  margin: 0 45px;
  padding-bottom: 0 !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-cont>.ledger_wrapper>.ledger-connection {
  padding-top: 20px !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-cont>.ledger_wrapper>.ledger-connection>.ledger-connection-step>.connection-step-title {
  line-height: 20px
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-cont>.ledger_wrapper>.ledger-connection>.ledger-connection-step .connection-step {
  margin-top: 18px !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-cont>.ledger_wrapper>.ledger-connection>.ledger-connection-step .connection-step .connection-step-text {
  color: #666
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-cont>.ledger_wrapper>.ledger-connection>.ledger-connection-note {
  margin-top: 40px !important
}

.modal-dialog-tron .modal-content .modal-body>main .wallet-connect-container .wallet-connect-wrapper .wallet-connect-cont .tabs-cont>.ledger_wrapper>.ledger-connection>.ledger-connect {
  margin-top: 20px !important
}

@media screen and (min-width:980px)and (max-width:1399px) {
  .nav-bar-section .navbar-nav.navbar-right .nav-static .nav-logined-address {
    min-width: 174px
  }
}

@media screen and (min-width:1028px)and (max-width:1085px) {
  .language-en .nav-bar-section .navbar-nav.navbar-right .nav-static .nav-link-name {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis
  }
}

@media(max-width:768px) {
  .hot-more-route .tron-hot-token-icon:not(.more-icon-new) {
    height: 1em;
    width: 1em
  }
}

.contract-list .contract-filter {
  list-style-type: none
}

.contract-list .contract-filter>div {
  bottom: -9px;
  color: #73787b;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  height: 55px;
  line-height: 46px;
  margin-right: 10px;
  padding: 0 28px;
  position: relative;
  text-align: center
}

.contract-list .contract-filter>div.active,
.contract-list .contract-filter>div:hover {
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #101010
}

.contract-list .contract-filter-info {
  background-color: #fff;
  border-radius: 10px;
  color: #73787b;
  padding: 20px 20px 0
}

@media(max-width:768px) {
  .contract-list .contract-filter-info {
    padding: 20px 15px
  }
}

.contract-list .contract-filter-info .ant-table table {
  padding: 0
}

.contract-list .contract-filter-info .contract-search-box {
  margin-top: -4px
}

@media(max-width:768px) {
  .contract-list .contract-filter-info .contract-search-box {
    flex-wrap: wrap
  }

  .contract-list .contract-filter-info .contract-search-box .whiteSpace-nowrap {
    font-size: 14px
  }

  .contract-list .contract-filter-info .contract-search-box .ant-input-group {
    caret-color: #c23631
  }
}

.contract-list .contract-filter-info .contract-search:hover {
  border-color: #73787b
}

.contract-list .contract-filter-info .contract-search input {
  line-height: 22px
}

.contract-list .contract-filter-info .contract-search .padding20 {
  padding: 0 20px 0 14px !important
}

.contract-list .contract-filter-info .contract-search .ant-input-search .ant-input-affix-wrapper .ant-input-clear-icon {
  height: 100%
}

.contract-list .contract-overview-list .ant-table .compiler_version_link,
.contract-list .contract-overview-list .ant-table h5 {
  color: #404245 !important
}

.contract-list .contract-overview-list .ant-table .compiler_version_link:hover,
.contract-list .contract-overview-list .ant-table h5:hover {
  color: #c23631 !important
}

.contract-list .contract-overview-list .icon-wrap {
  background: #f0f2f3;
  border-radius: 4px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
  text-align: center;
  width: 20px
}

.contract-list .contract-overview-list .icon-wrap:last-child {
  margin-right: 0
}

.contract-list .contract-overview-list .icon-wrap .iconfont {
  color: #91979d;
  font-size: 12px;
  vertical-align: -.05em
}

.contract-list .table_pos_info {
  flex: 1 1;
  position: static
}

.contract-list .switch-wrap {
  color: #333;
  font-size: 16px
}

.contract-list .switch-wrap .license-switch {
  margin-right: 7px;
  width: 38px
}

.contract-list .switch-wrap .license-switch.ant-switch {
  background-color: #cbcbcb
}

.contract-list .switch-wrap .license-switch.ant-switch.ant-switch-checked {
  background-color: #c23631
}

.contract-list .contractTag .tagWrap {
  cursor: unset
}

.send-form .ant-select-selection,
.send-form .input-group>.custom-select:not(:last-child),
.send-form .input-group>.form-control:not(:last-child) {
  background: #f3f3f3;
  border: 1px solid #eee;
  border-radius: 1px
}

.send-form .btn-primary {
  background: #c23631;
  border-color: #c23631;
  border-radius: 1px;
  color: #fff;
  font-size: 12px
}

.send-form .btn-outline-secondary {
  background: #d8d8d8;
  border: none
}

.send-form label {
  color: #333;
  font-size: 13px
}

.send-form .form-control {
  color: #666;
  font-size: 14px
}

.send-form .formPartControlAccount {
  border: none;
  margin-bottom: 0
}

.send-form .btn-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 40px
}

.send-form .btn-wrapper .btn {
  align-items: center;
  border-radius: 10px;
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  min-width: 45%;
  text-align: center
}

.send-form .btn-wrapper .btn.btn-cancel-new {
  background: #fff;
  border: 1px solid #000
}

.send-form .btn-wrapper .btn.btn-cancel-new span {
  color: #101010
}

.send-form .btn-wrapper .btn.btn-cancel-new:hover {
  background-color: #fff;
  border-color: #c23631
}

.send-form .btn-wrapper .btn.btn-cancel-new:hover span {
  color: #c23631 !important
}

.send-form .btn-wrapper .btn.btn-confirm {
  background: #101010;
  border: none;
  color: #fff
}

.send-form .btn-wrapper .btn.btn-confirm:disabled {
  background: #c2c9d1;
  border: none
}

.send-form .btn-wrapper .btn.btn-confirm:not(:disabled):hover {
  background: #c23631
}

.send-form .btn-wrapper .btn.btn-confirm .ant-btn-loading-icon {
  margin-right: 2px
}

.contracts-list-wrapper .btn-verfify {
  background-color: #fff;
  border-radius: 6px;
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 16px;
  position: absolute;
  right: 0;
  right: 15px;
  top: -50px
}

.contracts-list-wrapper .btn-verfify:hover {
  color: #c23631
}

.contracts-list-wrapper .btn-verfify:active {
  background-color: #fff;
  border: none
}

.send-modal .modal-content {
  padding: 0 1rem
}

.send-modal .modal-body,
.send-modal .modal-header {
  padding: 1rem 0
}

.event-table .event {
  background: #f3f3f3;
  border: 1px solid #eee;
  border-radius: 1px;
  padding: .5rem
}

.border-1 {
  border-bottom: 1px solid #eee;
  color: #333 !important;
  font-size: 14px;
  margin-bottom: .5rem;
  padding-bottom: .5rem
}

.border-1:nth-child(odd) {
  margin-right: 100px
}

.border-1 .contract-left {
  color: #666;
  display: inline-block;
  min-width: 138px
}

.contract-detail .contract-header {
  padding-top: 0
}

.freeze-modal-wrap .modal-content .freeze-modal-header.modal-desc {
  border-bottom: 0;
  padding: .6rem 0 0
}

.operate-desc .operation {
  justify-content: space-around
}

.operate-desc .operation .btn {
  border-radius: 2px;
  color: #fff;
  height: 38px;
  line-height: 38px;
  padding: 0 38px
}

.operate-desc .operation .btn-cancel {
  background: #d4d4d4;
  border: none;
  color: #fff !important
}

.operate-desc .operation .btn-danger {
  background: #c23631
}

.btn-group-lg>.btn-primary.btn,
.btn-lg.btn-primary {
  background: #c23631 !important;
  border: 1px solid #c23631
}

@media only screen and (max-width:768px) {
  .contract-header h6 {
    display: block !important
  }

  .contract-header h6 div.d-flex {
    flex-wrap: wrap
  }

  .list-style-body__header.contract-card-header {
    bottom: 0;
    overflow: auto
  }

  .list-style-body__header.contract-card-header #popupContainer .new-eyes-tooltip {
    max-width: calc(100% - 24px)
  }

  .list-style-body__header.contract-card-header .card-header-tabs.contract-card-header-tabs {
    width: max-content
  }
}

.proxyContractDropdown .ant-dropdown-menu-item:hover,
.proxyContractDropdown .ant-dropdown-menu-submenu-title:hover {
  background-color: #fff
}

.proxyContractDropdown .ant-dropdown-menu {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 1px;
  box-shadow: 0 1px 6px #00000026;
  box-sizing: border-box;
  height: 44px;
  line-height: 44px
}

@media(max-width:1399px) {
  .contract-list .contract-filter-info>.contract-overview-list .ant-table .ant-table-content {
    width: auto
  }
}

@media(max-width:768px) {
  .contract-list .contract-filter-info>.justify-content-between {
    margin-bottom: 1.25rem !important;
    position: relative
  }

  .contract-list .contract-filter-info>.justify-content-between .contract-search {
    left: 0;
    margin-top: 10px;
    right: auto;
    top: 22px
  }

  .contract-list .contract-filter-info>.contract-overview-list .ant-table-content {
    width: auto
  }

  .contract-list .contract-filter-info>.contract-overview-list .ant-table-content table {
    min-width: 1240px !important;
    overflow-x: auto
  }

  .contract-list .contract-filter-info>.contract-overview-list .ant-table-content table .ant-table-tbody .contractTag {
    max-width: 100%
  }

  .contract-list .contract-filter-info>.contract-overview-list .ant-table-content table .ant-table-tbody .contractTag .tagWrap {
    max-width: 88px
  }

  .contract-list .contract-filter-info>p {
    bottom: -6px !important;
    left: 50%;
    transform: translateX(-50%)
  }
}

.addZeroBtn {
  background-color: #fcf2f2;
  border-radius: 6px;
  color: #c23631;
  cursor: pointer;
  display: inline-block;
  line-height: 14px;
  margin-left: 8px;
  padding: 4px 10px
}

.overview-danger {
  align-items: center;
  background: #c236311a;
  border-radius: 4px;
  color: #c23631;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 4px;
  padding: 6px 10px
}

@media(max-width:768px) {
  .overview-header-small-screen {
    margin-top: 80px !important
  }
}

.overview-header {
  display: flex
}

@media(max-width:768px) {
  .overview-header {
    margin-top: 20px
  }
}

.overview-header .overview-logo {
  height: 40px;
  margin-right: 20px;
  position: relative
}

@media(max-width:768px) {
  .overview-header .overview-logo {
    margin-left: 0;
    margin-right: 12px
  }
}

.overview-header .overview-logo .logo-img {
  border-radius: 50%;
  height: 40px;
  width: 40px
}

@media(max-width:768px) {
  .overview-header .overview-logo .logo-img {
    height: 40px;
    width: 40px
  }
}

.overview-header .overview-logo .icon-v {
  background-image: url(/static/media/token-vip.8fdf102f78ba6293e1b5.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -3px;
  height: 14px;
  position: absolute;
  right: -3px;
  width: 14px
}

.overview-header .national-flag {
  margin: 5px 8px 0 0;
  width: 20px
}

.overview-header .overview-introduce {
  margin-top: 6px;
  width: 100%
}

@media(max-width:768px) {
  .overview-header .overview-introduce {
    overflow: scroll
  }
}

.overview-header .overview-introduce .overview-info {
  align-items: center;
  display: flex;
  justify-content: space-between
}

@media(max-width:768px) {
  .overview-header .overview-introduce .overview-info {
    font-size: 16px;
    margin-bottom: 2px
  }
}

.overview-header .overview-introduce .overview-info .overview-name {
  color: #101010;
  font-size: 24px;
  font-weight: 700;
  margin-right: 12px;
  word-break: break-all
}

@media(max-width:768px) {
  .overview-header .overview-introduce .overview-info .overview-name {
    font-size: 16px;
    margin-right: 8px
  }
}

.overview-header .overview-introduce .overview-tags {
  margin: 5px 0 0
}

@media(max-width:768px) {
  .overview-header .overview-introduce .overview-tags {
    display: inline-flex;
    margin-bottom: 0;
    overflow: scroll
  }
}

.overview-header .overview-introduce .overview-tags .overview-tag {
  border-radius: 5px;
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-right: 12px;
  padding: 0 12px
}

.overview-header .overview-introduce .overview-tags .overview-tag.token-type-tag {
  background: #e5e5e5;
  color: #101010
}

.overview-header .overview-introduce .overview-tags .overview-tag.risk-tag {
  background: #f9ebea;
  color: #c23631
}

.overview-header .overview-introduce .overview-tags .overview-tag.info-tag {
  background: #e6e6e6;
  color: #404245
}

.overview-header .overview-introduce .overview-tags .overview-tag.blue-tag {
  background: #dee6f5;
  color: #135dcd
}

@media(max-width:768px) {
  .overview-header .overview-introduce .overview-tags .overview-tag {
    font-size: 12px
  }
}

.overview-header .overview-introduce .overview-tags .overview-tag-white {
  background: #fcfcfd
}

.overview-header .overview-introduce .overview-desc {
  color: #73787b;
  font-size: 14px;
  font-weight: 400
}

@media(max-width:768px) {
  .overview-header .overview-introduce .overview-desc {
    font-size: 12px;
    margin-top: 8px
  }
}

.overview-header .token-header-right-show {
  margin-left: 20px
}

.overview-header .overview-info-flex {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.overview-header .overview-header-btn-groups {
  display: flex
}

.overview-header .overvoew-trade-btn {
  align-items: center;
  background: #fff;
  border-radius: 6px;
  color: #101010;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  margin-left: 12px;
  padding: 4px 12px;
  text-align: center
}

@media(max-width:768px) {
  .overview-header .overvoew-trade-btn {
    margin-left: 0;
    margin-right: 16px;
    margin-top: 8px
  }
}

.overview-header .overvoew-trade-btn:hover {
  background: #fff;
  color: #c23631;
  cursor: pointer
}

.overview-header .overvoew-trade-btn:hover .trade-icon .tron-icon {
  color: #c23631
}

.overview-header .overvoew-trade-btn .trade-icon .tron-icon {
  color: #101010;
  height: 12px;
  margin-left: 4px;
  width: 12px
}

.overview-content {
  display: flex;
  margin: 20px 0
}

.overview-content .overview-content-common {
  background: #fff;
  border-radius: 10px;
  width: 400px
}

.overview-content .overview-content-common .overview-content-title {
  align-items: center;
  color: #101010;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  justify-content: space-between;
  margin: 0 20px;
  padding: 15px 0 13px
}

.overview-content .overview-content-common .overview-content-title .icon-tag {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #3cc13b;
  border-radius: 4px;
  color: #3cc13b;
  font-size: 14px;
  font-weight: 400;
  padding: 3px 12px
}

.overview-content .overview-content-common .overview-content-title .icon-tag:hover {
  cursor: pointer
}

.overview-content .overview-content-common .overview-content-list {
  padding: 0 20px
}

.overview-content .overview-content-common .overview-content-list .overview-content-item {
  align-items: center;
  border-bottom: 1px solid #f0f2f3;
  display: flex;
  justify-content: space-between;
  padding: 15px 0
}

.overview-content .overview-content-common .overview-content-list .overview-content-item:last-child {
  border-bottom: none
}

.overview-content .overview-content-common .overview-content-list .overview-content-item .left-box {
  align-items: center;
  display: flex
}

.overview-content .overview-content-common .overview-content-list .overview-content-item .left-box .icon-question {
  margin-right: 6px
}

.overview-content .overview-content-common .overview-content-list .overview-content-item .left-box .icon-question:hover {
  cursor: pointer
}

.overview-content .overview-content-common .overview-content-list .overview-content-item .right-box {
  display: flex
}

.overview-content .overview-content-common .overview-content-list .overview-content-item .right-box .right-box-item {
  margin-right: 8px
}

.overview-content .overview-content-common .overview-content-list .overview-content-item .right-box .right-box-icon:hover {
  cursor: pointer
}

.overview-content .overview-content-common .overview-content-list .overview-content-item .right-box .right-box-address {
  color: #c23631
}

.overview-content .overview-content-common .overview-content-list .overview-content-item .right-box .right-box-address:hover {
  cursor: pointer
}

.overview-content .overview-content-common .overview-content-list .overview-content-item .right-box .right-box-submit {
  color: #c23631;
  margin-left: 8px
}

.overview-content .overview-content-common .overview-content-list .overview-content-item .right-box .right-box-submit:hover {
  cursor: pointer
}

.overview-content .overview-content-left .overview-content-price {
  border-bottom: 1px solid #fcf5f5;
  height: 50px;
  position: relative;
  width: 100%
}

.overview-content .overview-content-left .overview-content-price .price-container {
  left: 20px;
  position: absolute;
  top: 0
}

.overview-content .overview-content-left .overview-content-price .price-container .price-box {
  align-items: center;
  display: flex;
  margin-bottom: 2px
}

.overview-content .overview-content-left .overview-content-price .price-container .price-box .price {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  margin-right: 8px
}

.overview-content .overview-content-left .overview-content-price .price-container .price-box .price .price-default {
  font-size: 24px;
  font-weight: 700
}

.overview-content .overview-content-left .overview-content-price .price-container .price-box .price .price-tips {
  color: #c23631;
  font-size: 14px;
  font-weight: 500;
  margin-left: 20px
}

.overview-content .overview-content-left .overview-content-price .price-container .price-box .price .price-tips:hover {
  cursor: pointer
}

.overview-content .overview-content-left .overview-content-price .price-container .price-box .amplitude {
  font-size: 12px
}

.overview-content .overview-content-left .overview-content-price .price-container .price-box .amplitude .amplitude-color-green {
  color: #2d912c
}

.overview-content .overview-content-left .overview-content-price .price-container .price-box .amplitude .amplitude-color-red {
  color: #c23631
}

.overview-content .overview-content-left .overview-content-price .price-container .price-box .amplitude-green {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #3cc13b
}

.overview-content .overview-content-left .overview-content-price .price-container .price-box .amplitude-red {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c23631
}

.overview-content .overview-content-left .overview-content-price .price-container .price-trx {
  color: #73787b;
  font-size: 12px;
  font-weight: 400;
  width: 200px
}

.overview-content .overview-content-middle {
  margin: 0 20px;
  width: 500px
}

.overview-content .overview-content-middle .overview-content-title-middle {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 18px
}

.overview-content .overview-content-middle .overview-content-title-middle .icon-edit:hover {
  cursor: pointer
}

.overview-content .overview-content-right .overview-content-title-right {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 18px
}

.overview-content .overview-content-right .overview-content-title-right .icon-edit:hover {
  cursor: pointer
}

.overview-content .overview-content-right .overview-content-first-item {
  padding: 0 20px 19px
}

.overview-content .overview-content-right .overview-content-first-item .icon-tag {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #3cc13b;
  border-radius: 4px;
  color: #3cc13b;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 12px
}

.overview-content .overview-content-right .overview-content-first-item .icon-tag:hover {
  cursor: pointer
}

.overview-bottom {
  border-bottom: 1px solid #f0f2f3 !important
}

.modal-info-container {
  background: #fff;
  border-radius: 20px;
  color: #101010;
  left: 50%;
  overflow: hidden;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  z-index: 1050
}

@media(max-width:768px) {
  .modal-info-container {
    width: calc(100% - 30px)
  }
}

.modal-info-container .modal-info-header {
  margin: 30px auto 15px
}

.modal-info-container .modal-info-header .modal-info-title {
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  text-align: center
}

.modal-info-container .modal-info-header .modal-info-close {
  display: flex;
  position: absolute;
  right: 20px;
  top: 20px
}

.modal-info-container .modal-info-header .modal-info-close:hover {
  cursor: pointer
}

.modal-info-container .modal-info-body {
  margin: 0 30px
}

@media(max-width:768px) {
  .modal-info-container .modal-info-body {
    margin: 0 20px
  }
}

.modal-info-container .modal-info-body .modal-info-item {
  border-bottom: 1px solid #f0f2f3;
  font-size: 14px;
  font-weight: 400;
  padding: 15px 0
}

.modal-info-container .modal-info-body .modal-info-item .modal-info-label {
  margin-right: 40px
}

.modal-info-container .modal-info-body .modal-info-item:last-child {
  border-bottom: none
}

.modal-info-container .modal-info-body .modal-info-item-title {
  color: #616568;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px
}

.modal-info-container .modal-info-body .modal-info-item-price {
  border-bottom: none;
  font-size: 16px;
  margin-bottom: 16px;
  padding: 0
}

.modal-info-container .modal-info-body .modal-info-item-price:last-child {
  margin-bottom: 24px
}

.modal-info-container .modal-info-body .modal-info-item-contact {
  color: #c23631;
  font-size: 16px;
  font-weight: 400;
  margin-left: 4px
}

.modal-info-container .modal-info-body .modal-info-item-contact:hover {
  cursor: pointer
}

.modal-info-container .modal-info-footer .modal-info-btn {
  background: #101010;
  border-radius: 10px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  margin: 15px auto 30px;
  text-align: center;
  width: 440px
}

@media(max-width:768px) {
  .modal-info-container .modal-info-footer .modal-info-btn {
    font-size: 16px;
    width: 266px
  }
}

.modal-info-container .modal-info-footer .modal-info-btn:hover {
  cursor: pointer
}

.modal-info-mask {
  background-color: #000;
  height: 100vh;
  left: 0;
  opacity: .5;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1040
}

.overview-noborder {
  border-top: none !important
}

.multi-line-overflow {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #73787b !important;
  display: -webkit-box;
  overflow: auto
}

.token-desc-overflow {
  display: block;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.search-result-token-table .token-credit-rating {
  background: #f0f2f3;
  border-radius: 5px;
  color: #101010;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  line-height: 16px;
  mix-blend-mode: normal;
  padding: 0 8px;
  text-align: center
}

.search-result-token-table .token-credit-rating-0 {
  background: #f0f2f3;
  color: #404245
}

.search-result-token-table .token-credit-rating-1 {
  background: #ede8e4;
  color: #7f471c
}

.search-result-token-table .token-credit-rating-2 {
  background: #ebf9eb;
  color: #2d912c
}

.search-result-token-table .token-credit-rating-3 {
  background: #fdf5e4;
  color: #bb8700
}

.search-result-token-table .token-credit-rating-4 {
  background: #f9ebea;
  color: #c23631
}

.supply-area-chart-wrap {
  background-color: #fff
}

.new-list-style-body .btt-supply-new {
  padding-bottom: 20px
}

.new-list-style-body .btt-supply-new .header-wrapper .table-responsive {
  border-bottom: 1px solid #f0f2f3;
  margin-top: 20px
}

.new-list-style-body .btt-supply-new .header-wrapper .table-responsive .title {
  color: #101010;
  font-size: 14px;
  line-height: 24px
}

.new-list-style-body .btt-supply-new .header-wrapper .table-responsive .content {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding: 20px 0
}

@media only screen and (max-width:768px) {
  .new-list-style-body .btt-supply-new .header-wrapper .table-responsive .content {
    flex-wrap: wrap;
    padding: 16px 0 6px
  }
}

.new-list-style-body .btt-supply-new .header-wrapper .table-responsive .content .content-item {
  color: #73787b;
  display: inline-block;
  flex-grow: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  width: 650px
}

@media only screen and (max-width:768px) {
  .new-list-style-body .btt-supply-new .header-wrapper .table-responsive .content .content-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
  }
}

.new-list-style-body .btt-supply-new .header-wrapper .table-responsive .content .content-item .content-title {
  display: inline-block;
  min-width: 150px;
  text-align: left
}

@media only screen and (max-width:768px) {
  .new-list-style-body .btt-supply-new .header-wrapper .table-responsive .content .content-item .content-title {
    min-width: 128px
  }
}

.new-list-style-body .btt-supply-new .header-wrapper .table-responsive .content .content-item .num {
  color: #101010;
  display: inline-block;
  margin-left: 40px
}

@media only screen and (max-width:768px) {
  .new-list-style-body .btt-supply-new .header-wrapper .table-responsive .content .content-item .num {
    margin-left: 0
  }
}

.new-list-style-body .btt-supply-new .main-counters {
  align-items: center;
  display: flex;
  margin-top: 20px;
  padding-top: 24px
}

@media only screen and (max-width:768px) {
  .new-list-style-body .btt-supply-new .main-counters {
    flex-wrap: wrap
  }
}

.new-list-style-body .btt-supply-new .main-counters .counters {
  flex: 1 1
}

@media only screen and (max-width:768px) {
  .new-list-style-body .btt-supply-new .main-counters .counters {
    flex: auto;
    width: 100%
  }

  .new-list-style-body .btt-supply-new .main-counters .counters:first-child {
    margin-bottom: 20px
  }
}

.new-list-style-body .btt-supply-new .main-counters .counter,
.new-list-style-body .btt-supply-new .main-counters .counter span {
  color: #101010;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px
}

.new-list-style-body .btt-supply-new .main-counters .desc {
  color: #73787b;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-top: 12px
}

.exchange-quotes-wrap {
  background: #fff;
  overflow: hidden;
  padding: 4px 0 20px;
  position: relative
}

.exchange-quotes-wrap.coingecko-coin-wrap:after {
  border: 1px solid #fff;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%
}

.exchange-quotes-wrap .ant-radio-button-wrapper {
  transition: none
}

.exchange-quotes-wrap .cg-container {
  border: 1px solid #0000
}

.exchange-quotes-wrap .ant-empty {
  margin: 65px 0 45px
}

.exchange-quotes-wrap .ant-empty-image {
  height: auto;
  margin: 0 auto 20px;
  width: 60px
}

.exchange-quotes-wrap .ant-empty-description {
  color: #73787b !important;
  font-size: 14px;
  line-height: 20px
}

.exchange-quotes-wrap .total-info {
  color: #73787b;
  font-size: 14px;
  line-height: 20px;
  padding: 0
}

.exchange-quotes-wrap .total-info.total-info-ptop0 {
  padding-top: 0
}

.exchange-quotes-wrap .total-info b {
  color: #101010;
  font-weight: 400
}

.exchange-quotes-wrap .total-info .tron-border-bottom {
  border-bottom: 1px solid #f0f2f3
}

.exchange-quotes-wrap .total-info-decentralized {
  padding-bottom: 20px
}

.exchange-quotes-wrap .ant-radio-group-new {
  margin-bottom: 20px
}

.exchange-quotes-wrap .ant-radio-group-new .ant-radio-group.ant-radio-group-middle .ant-radio-button-wrapper.tab-item.ant-radio-button-wrapper-checked {
  padding: 0 20px
}

.exchange-quotes-wrap .ant-radio-group-new .ant-radio-group.ant-radio-group-middle .ant-radio-button-wrapper.tab-item:first-of-type:not(.ant-radio-button-wrapper-checked) {
  padding-left: 16px
}

.exchange-quotes-wrap .ant-radio-group-new .ant-radio-group.ant-radio-group-middle .ant-radio-button-wrapper.tab-item:last-of-type:not(.ant-radio-button-wrapper-checked) {
  padding-right: 16px
}

.exchange-quotes-wrap .ant-table .ant-table-content table {
  padding: 0 0 20px
}

.exchange-quotes-wrap tr th {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.exchange-quotes-wrap tr td {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px
}

.exchange-quotes-wrap tr td.ant_table.token_max_width {
  max-width: 260px
}

.exchange-quotes-wrap tr td.ant_table.token_max_width a.tokens-wrap {
  word-break: break-word
}

@media screen and (max-width:768px) {
  .exchange-quotes-wrap tr td.ant_table.token_max_width a.tokens-wrap {
    white-space: nowrap
  }
}

.exchange-quotes-wrap .rank {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px
}

.exchange-quotes-wrap .rank-0 {
  background-image: url(/static/media/newrank-1.705a3a8d38100c46f390.png)
}

.exchange-quotes-wrap .rank-1 {
  background-image: url(/static/media/newrank-2.89c00fb5184390f518e2.png)
}

.exchange-quotes-wrap .rank-2 {
  background-image: url(/static/media/newrank-3.495893f53865b1d19cba.png)
}

.exchange-quotes-wrap .project-wrap {
  font-weight: 400;
  white-space: nowrap
}

.exchange-quotes-wrap .project-wrap .project-name {
  color: #c23631;
  font-size: 14px;
  line-height: 20px;
  margin-left: 6px;
  margin-right: 4px
}

.exchange-quotes-wrap .project-wrap .project-version {
  border-radius: 5px;
  display: inline-block;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  width: 32px
}

.exchange-quotes-wrap .project-wrap .project-version-V1 {
  background: #715fdf1a;
  color: #715fdf
}

.exchange-quotes-wrap .project-wrap .project-version-V2 {
  background: #e587871a;
  color: #e44646
}

.exchange-quotes-wrap .project-wrap .project-version-V3 {
  background: #d7f3d8;
  color: #2fbb67
}

.exchange-quotes-wrap .footer-button {
  border: 1px solid #91979d;
  border-radius: 6px;
  color: #101010;
  cursor: pointer;
  font-size: 14px;
  height: 32px;
  line-height: 17px;
  margin: 0 auto;
  padding: 6px 0;
  text-align: center;
  width: 150px
}

.exchange-quotes-wrap .footer-button:hover {
  border-color: #c23631;
  color: #c23631
}

@media screen and (max-width:768px) {
  .exchange-quotes-wrap .footer-button {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    padding: 0
  }
}

.token-rating-rule ul {
  padding-left: 0
}

.token-rating-rule ul li {
  color: #666;
  list-style: none
}

@media only screen and (max-width:768px) {
  .token-baseinfo-wrapper {
    display: flex;
    flex-direction: column !important
  }
}

.token-base-wrap {
  background-color: #fff;
  border-radius: 10px;
  margin-left: 20px;
  padding: 0 20px;
  width: 500px
}

.token-base-wrap .token-whitepaper-link {
  display: inline-block;
  width: 350px
}

@media only screen and (max-width:1400px) {
  .token-base-wrap {
    width: 32%
  }

  .token-base-wrap .token-whitepaper-link {
    width: 200px
  }
}

@media only screen and (max-width:768px) {
  .token-base-wrap {
    padding: 0 15px
  }

  .token-base-wrap .token-whitepaper-link {
    width: 180px
  }
}

.token-base-wrap-721 {
  width: 720px
}

.token-base-wrap .header .header-img-wrap {
  cursor: pointer
}

.token-base-wrap .header .header-img-wrap:hover .tron-icon {
  color: #c23631
}

.token-base-wrap .table {
  margin-bottom: 0
}

.token-base-wrap .table .info-item .td.media-wrap,
.token-base-wrap .table .info-item td.media-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}

.token-base-wrap .table .info-item .td.media-wrap .media-item,
.token-base-wrap .table .info-item td.media-wrap .media-item {
  align-items: center;
  display: flex;
  margin-left: 12px
}

.token-base-wrap .table .info-item .td.media-wrap .media-item a,
.token-base-wrap .table .info-item td.media-wrap .media-item a {
  height: 20px
}

.token-base-wrap .table .info-item .td.media-wrap .media-item .iconfont,
.token-base-wrap .table .info-item td.media-wrap .media-item .iconfont {
  color: #616568;
  font-size: 20px
}

.token-base-wrap .table .info-item .td.media-wrap .media-item .iconfont:hover,
.token-base-wrap .table .info-item td.media-wrap .media-item .iconfont:hover {
  color: #101010
}

.token-base-wrap .table .info-item .td.media-wrap .media-item .tron-icon,
.token-base-wrap .table .info-item td.media-wrap .media-item .tron-icon {
  color: #616568
}

.token-base-wrap .table .info-item .td.media-wrap .media-item .tron-icon:hover,
.token-base-wrap .table .info-item td.media-wrap .media-item .tron-icon:hover {
  color: #101010
}

.token-base-wrap .table .info-item .td.media-wrap .media-item .icon-github,
.token-base-wrap .table .info-item td.media-wrap .media-item .icon-github {
  font-size: 16px
}

.token-base-wrap .table .info-item .td.tokenId-wrap,
.token-base-wrap .table .info-item td.tokenId-wrap {
  align-items: center;
  display: flex;
  justify-content: flex-end
}

.token-base-wrap .table .info-item .td.tokenId-wrap .token-copy,
.token-base-wrap .table .info-item td.tokenId-wrap .token-copy {
  margin-left: 8px
}

.token-base-wrap .table .info-item .td.issuance-info-wrap,
.token-base-wrap .table .info-item td.issuance-info-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}

.token-base-wrap .table .info-item .td .issuance-info,
.token-base-wrap .table .info-item td .issuance-info {
  color: #c23631;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-left: 8px
}

.token-base-wrap .table .info-item .td .react-contextmenu-wrapper .truncate-ellipsis .d-flex,
.token-base-wrap .table .info-item td .react-contextmenu-wrapper .truncate-ellipsis .d-flex {
  justify-content: flex-end
}

.token-base-wrap .table .info-item .td .oneclk-2-tronlink,
.token-base-wrap .table .info-item td .oneclk-2-tronlink {
  align-items: center;
  display: inline-flex;
  margin-right: 4px
}

@media only screen and (max-width:1400px) {

  .token-base-wrap .table .info-item .td .token-contract-tag,
  .token-base-wrap .table .info-item td .token-contract-tag {
    max-width: 40px !important
  }
}

.data-more-wrap {
  background-color: #fff;
  border-radius: 10px;
  margin-left: 20px;
  padding: 0 20px;
  width: 400px
}

@media only screen and (max-width:768px) {
  .data-more-wrap {
    padding: 0 15px;
    width: 33%
  }
}

.data-more-wrap .header .header-img-wrap {
  color: #666;
  cursor: pointer
}

.data-more-wrap .header .header-img-wrap:hover .tron-icon {
  color: #c23631
}

.data-more-wrap .table .info-item.amount24h-item td,
.data-more-wrap .table .info-item.amount24h-item th {
  border-bottom: 1px solid #f0f2f3
}

.data-more-wrap .table .info-item.liquidity-item td,
.data-more-wrap .table .info-item.liquidity-item th {
  border-top: none
}

.data-more-wrap .table .info-item td .num {
  font-size: 12px;
  line-height: 16px;
  margin-left: 4px
}

.data-more-wrap .table .info-item td .num.positive-num {
  color: #3cc13b
}

.data-more-wrap .table .info-item td .num.negative-num {
  color: #c23631
}

.data-more-wrap .table .info-item .set-flex-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}

.data-more-wrap,
.token-base-wrap {
  box-sizing: border-box
}

.data-more-wrap .header,
.token-base-wrap .header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 18px 0
}

.data-more-wrap .header .title,
.token-base-wrap .header .title {
  color: #101010;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px
}

.data-more-wrap .header img,
.token-base-wrap .header img {
  cursor: pointer
}

.data-more-wrap .table,
.token-base-wrap .table {
  margin-bottom: 0;
  padding-bottom: 6px
}

.data-more-wrap .table .info-item,
.token-base-wrap .table .info-item {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.data-more-wrap .table .info-item .th,
.data-more-wrap .table .info-item th,
.token-base-wrap .table .info-item .th,
.token-base-wrap .table .info-item th {
  border-top: 1px solid #f0f2f3;
  padding: 13px 0;
  width: 100px
}

.data-more-wrap .table .info-item .th .question-mark-wrap,
.data-more-wrap .table .info-item th .question-mark-wrap,
.token-base-wrap .table .info-item .th .question-mark-wrap,
.token-base-wrap .table .info-item th .question-mark-wrap {
  margin-right: 6px
}

.data-more-wrap .table .info-item .th .title,
.data-more-wrap .table .info-item th .title,
.token-base-wrap .table .info-item .th .title,
.token-base-wrap .table .info-item th .title {
  font-weight: 400
}

.data-more-wrap .table .info-item .td,
.data-more-wrap .table .info-item td,
.token-base-wrap .table .info-item .td,
.token-base-wrap .table .info-item td {
  border-top: 1px solid #f0f2f3;
  line-height: 20px;
  padding: 13px 0;
  text-align: right
}

.data-more-wrap .table .info-item-border .td,
.data-more-wrap .table .info-item-border .th,
.data-more-wrap .table .info-item-border td,
.data-more-wrap .table .info-item-border th,
.token-base-wrap .table .info-item-border .td,
.token-base-wrap .table .info-item-border .th,
.token-base-wrap .table .info-item-border td,
.token-base-wrap .table .info-item-border th {
  border-bottom: 1px solid #f0f2f3
}

.data-more-wrap .table .info-item-max.info-item .th,
.data-more-wrap .table .info-item-max.info-item th,
.token-base-wrap .table .info-item-max.info-item .th,
.token-base-wrap .table .info-item-max.info-item th {
  width: 110px
}

.data-overview-wrap {
  margin-left: 0;
  padding: 20px 0 0
}

@media only screen and (max-width:1400px) {
  .data-overview-wrap {
    width: 34%
  }
}

.data-overview-wrap .header {
  align-items: baseline;
  margin: 0 20px 6px;
  padding: 0
}

@media only screen and (max-width:768px) {
  .data-overview-wrap .header {
    margin: 0 15px
  }
}

.data-overview-wrap .icon-tag {
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  padding: 3px 12px
}

.data-overview-wrap .icon-tag:hover {
  cursor: pointer
}

.data-overview-wrap .icon-tag-0 {
  background: linear-gradient(0deg, #f0f2f3, #f0f2f3), #3cc13b;
  color: #616568
}

.data-overview-wrap .icon-tag-1 {
  background: #ede8e4;
  color: #7f471c
}

.data-overview-wrap .icon-tag-2 {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #3cc13b;
  color: #2d912c
}

.data-overview-wrap .icon-tag-3 {
  background: #fdf5e4;
  color: #bb8700
}

.data-overview-wrap .icon-tag-4 {
  background: linear-gradient(0deg, #f9ebea, #f9ebea), #3cc13b;
  color: #c23631
}

.data-overview-wrap .overview-content-price {
  border-bottom: 1px solid #fcf5f5;
  height: 50px;
  position: relative;
  width: 100%
}

.data-overview-wrap .overview-content-price .price-container {
  left: 20px;
  position: absolute;
  top: 0
}

@media only screen and (max-width:768px) {
  .data-overview-wrap .overview-content-price .price-container {
    left: 15px
  }
}

.data-overview-wrap .overview-content-price .price-container .price-box {
  align-items: center;
  display: flex;
  margin-bottom: 2px
}

.data-overview-wrap .overview-content-price .price-container .price-box .price {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  margin-right: 8px
}

.data-overview-wrap .overview-content-price .price-container .price-box .price .price-default {
  font-size: 24px;
  font-weight: 700
}

.data-overview-wrap .overview-content-price .price-container .price-box .price .price-tips {
  color: #c23631;
  font-size: 14px;
  font-weight: 500;
  margin-left: 20px
}

.data-overview-wrap .overview-content-price .price-container .price-box .price .price-tips:hover {
  cursor: pointer
}

.data-overview-wrap .overview-content-price .price-container .price-box .amplitude {
  font-size: 12px
}

.data-overview-wrap .overview-content-price .price-container .price-box .amplitude .amplitude-color-green {
  color: #2d912c
}

.data-overview-wrap .overview-content-price .price-container .price-box .amplitude .amplitude-color-red {
  color: #c23631
}

.data-overview-wrap .overview-content-price .price-container .price-box .amplitude-green {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #3cc13b
}

.data-overview-wrap .overview-content-price .price-container .price-box .amplitude-red {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c23631
}

.data-overview-wrap .overview-content-price .price-container .price-trx {
  bottom: -12px;
  color: #73787b;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  width: 200px
}

.data-overview-wrap .overview-content-price .echarts-wrapper canvas {
  cursor: default
}

.data-overview-wrap .overview-content-list {
  padding: 0 20px
}

@media only screen and (max-width:768px) {
  .data-overview-wrap .overview-content-list {
    padding: 0 15px
  }
}

.set-wrap-width {
  width: 600px
}

@media only screen and (max-width:768px) {
  .set-wrap-width {
    width: 100%
  }
}

.modal-dialog-new.modal-dialog-token .modal-content .modal-body {
  padding-top: 15px
}

.modal-dialog-token .tokenDetail_box .table {
  padding-bottom: 6px
}

.modal-dialog-token .tokenDetail_box .table tr {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.modal-dialog-token .tokenDetail_box .table tr th {
  border-top: 1px solid #f0f2f3;
  padding: 15px 0
}

.modal-dialog-token .tokenDetail_box .table tr th span {
  font-weight: 400
}

.modal-dialog-token .tokenDetail_box .table tr td {
  border-top: 1px solid #f0f2f3;
  line-height: 20px;
  padding: 15px 0;
  text-align: left
}

.modal-dialog-token .tokenDetail_box .table tr td span:not(:first-of-type) {
  display: inline-block;
  margin-top: 15px
}

.modal-dialog-token .btn {
  margin-top: 15px
}

.information-bg .flex-1 .information-bg-item:first-child {
  border-bottom: none
}

.information-bg .flex-1 .information-bg-item:first-child>span {
  color: #333;
  font-size: 16px;
  width: 100%
}

.information-bg .flex-1 .information-bg-item>span {
  color: #666;
  font-size: 14px;
  font-weight: 500
}

.information-bg .flex-1 .information-bg-item:last-child {
  border-bottom: none
}

.information-bg .flex-1 .information-bg-item>div {
  color: #333;
  font-size: 14px
}

.information-bg .flex-1 .information-bg-item>div .token-price-trx {
  color: #666;
  font-size: 12px
}

.information-bg .flex-1 .information-bg-item .btn-danger {
  background: none;
  border: 1px solid #c23631;
  border-radius: 1px
}

.information-bg .flex-1 .information-bg-item .btn-danger span {
  color: #c23631;
  font-size: 13px;
  font-weight: 400
}

.tokenDetail th span {
  font-weight: 500
}

.card-body {
  position: relative
}

@media(min-width:768px)and (max-width:1400px) {

  .tonken10DetailMain .information-bg .information-bg-item .price-info,
  .tonken20DetailMain .information-bg .information-bg-item .price-info {
    flex-wrap: wrap
  }

  .tonken10DetailMain .card-header::-webkit-scrollbar,
  .tonken20DetailMain .card-header::-webkit-scrollbar {
    display: none
  }
}

@media only screen and (max-width:768px) {
  .supply-area-chart-wrap .echart-legend-wrapper {
    bottom: 20px !important;
    left: 15px !important;
    right: 15px !important
  }

  .token-holder-chart-wrap.token-holder-chart-mobile-wrap .highcharts-legend-item.highcharts-column-series rect.highcharts-point {
    y: 8
  }

  .data-more-wrap,
  .token-base-wrap {
    margin-left: 0;
    width: 100%
  }

  .data-more-wrap:not(.data-overview-wrap),
  .token-base-wrap:not(.data-overview-wrap) {
    margin-top: 20px
  }

  .token-base-wrap .table .info-item td.media-wrap {
    flex-wrap: wrap
  }

  .token-base-wrap .table .info-item th {
    max-width: 120px
  }

  .token-base-wrap .table .info-item.issuer-info-item td,
  .token-base-wrap .table .info-item.issuer-info-item th {
    border-bottom: 1px solid #f0f2f3
  }

  .token-base-wrap .table .info-item.issuer-info-item .labelShow {
    max-width: 100px
  }

  .token-base-wrap .table .info-item.issuance-mobile-info-item {
    width: 120px
  }

  .token-base-wrap .table .info-item.issuance-mobile-info-item .th {
    border-top: none;
    padding-bottom: 10px
  }

  .token-base-wrap .table .info-item.issuance-mobile-info-item .td.issuance-info-wrap {
    border-top: 1px solid #0000;
    justify-content: flex-start;
    padding-top: 0
  }

  .token-base-wrap .table .info-item.issuance-mobile-info-item .td.issuance-info-wrap div {
    display: inline-block
  }

  .token-base-wrap .table .info-item.issuance-mobile-info-item .td.issuance-info-wrap.issuance-info-mobile-wrap {
    white-space: nowrap;
    width: 100%
  }

  .information-bg.token-mobile {
    display: block !important
  }

  .information-bg.token-mobile .information-bg-item {
    height: auto;
    min-height: 45px
  }

  .information-bg.token-mobile .flex-1 {
    margin-top: 1rem;
    width: 100% !important
  }

  .information-bg.token-mobile .price-info {
    display: block !important
  }

  .information-bg.token-mobile .price-info .col-green,
  .information-bg.token-mobile .price-info .col-red {
    margin-left: 0 !important
  }

  .information-bg.token-mobile .token-price-trx {
    display: block
  }

  .token-transfer-desc {
    flex-direction: column;
    overflow-x: auto;
    overflow-y: hidden
  }

  .token-transfer-desc .title-desc {
    margin-bottom: 12px;
    margin-right: 20px
  }

  .token-transfer-desc .advanced-filter-button {
    margin-top: 0
  }

  .token-transfer-desc .color101010 {
    color: #101010;
    line-height: 21px
  }

  .token-transfer-desc::-webkit-scrollbar {
    display: none
  }
}

@media only screen and (max-width:375px) {
  .set-address-width .react-contextmenu-wrapper .truncate-ellipsis {
    float: right;
    width: 130px !important
  }
}

.token-change-type {
  color: #c23631 !important;
  cursor: pointer;
  display: inline-flex
}

.fs12 {
  font-size: 12px !important
}

.to-USDj {
  font-size: 14px
}

.to-USDj i {
  font-size: 12px
}

.to-USDj a,
.to-USDj i {
  color: #c23631 !important
}

.oneclk-2-tronlink {
  cursor: pointer;
  display: inline-block;
  margin: 0 4px 0 8px;
  position: relative;
  vertical-align: bottom
}

.oneclk-2-tronlink .tronlink-app {
  height: 12px;
  width: 12px
}

.oneclk-2-tronlink .tronlink-circle {
  background-image: url(/static/media/tronlink-circle-new.a9bb299c8e58417618fb.svg);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  height: 8px;
  position: absolute;
  right: -4px;
  width: 8px
}

.to-icon {
  align-items: center;
  background: linear-gradient(0deg, #f0f2f3, #f0f2f3), #c23631;
  border-radius: 5px;
  display: flex;
  height: 16px;
  justify-content: center;
  text-align: center;
  width: 16px
}

.to-icon img {
  width: 4px
}

@media(min-width:769px) {
  .token-list-wrap .table-scroll-style .ant-table-content {
    min-width: 1180px
  }
}

@media screen and (max-width:750px) {
  .token-list-wrap .ant-table-content {
    width: 100%
  }

  .ant-table-wrapper .ant-table-container:after,
  .ant-table-wrapper .ant-table-container:before {
    display: none
  }
}

.time-style .time-date {
  color: #999
}

.time-style .time-date,
.time-style .time-hms {
  font-family: PingFangSC-Regular;
  font-size: 14px
}

.time-style .time-hms {
  color: dimgray
}

.time-filter {
  display: flex;
  flex-direction: row;
  padding: 20px 0
}

.time-filter>ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding-left: 0
}

.time-filter>ul li {
  border: 1px solid #d9d9d9;
  border-left: 0;
  cursor: pointer;
  font-size: 12px;
  padding: 5px 0;
  text-align: center;
  width: 75px
}

.time-filter>ul li:first-child {
  border-left: 1px solid #eee
}

.time-filter>ul li.active {
  border: 1px solid #c23631;
  color: #c23631
}

.time-filter>ul li:hover {
  color: #c23631
}

.time-filter>div {
  line-height: 30px
}

.item-white-space {
  white-space: nowrap
}

@media only screen and (max-width:768px) {
  .time-filter {
    left: 0;
    padding: 10px 0
  }
}

.committee {
  padding-bottom: 80px
}

@media screen and (max-width:768px) {
  .committee {
    padding-bottom: 40px
  }
}

.committee .committee-header {
  margin-top: 20px
}

.committee .committee-header .committee-intro {
  background: #ecedf0;
  border-radius: 10px;
  color: #7f471c;
  font-family: Lato;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 20px;
  padding: 20px
}

.committee .committee-header .committee-intro .committee-intro-item {
  margin-top: 12px
}

.committee .committee-header .committee-intro .committee-intro-item:first-child {
  color: #101010;
  font-weight: 400;
  margin-bottom: 16px;
  margin-top: 0
}

.committee .committee-header .committee-tab a {
  color: #73787b;
  font-family: Lato;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: -10px;
  margin-right: 4px;
  padding: 11px 28px 21px
}

.committee .committee-header .committee-tab a.active,
.committee .committee-header .committee-tab a:hover {
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #101010 !important;
  font-weight: 500
}

.committee .proposal-header {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: -39px
}

.committee .proposal-header a {
  background: #fff;
  border-radius: 4px;
  color: #101010;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-left: 16px;
  padding: 6px 16px
}

.committee .proposal-header a:hover {
  border-color: #c23631;
  color: #c23631
}

.committee div.my-proposals-table {
  background: unset;
  margin-top: 10px;
  padding: 0
}

.committee div.my-proposals-table .proposal-table-content.table_new_style .table_pos.card {
  border: none
}

.committee div.my-proposals-table .proposal-table-content.table_new_style .ant-table-pagination.ant-pagination {
  margin-bottom: 0 !important;
  margin-top: 20px !important
}

.committee div.my-proposals-table .card-header .nav-tabs .nav-link {
  font-size: 1rem
}

.committee div.my-proposals-table .ant-table.ant-table-bordered {
  border: 1px solid #d8d8d8;
  border-top: none
}

.committee div.my-proposals-table .ant-table thead th {
  background-color: #fff
}

.committee .proposal-table-content .detail-action,
.committee .proposal-table-content .detail-action>div {
  align-items: center;
  display: flex;
  justify-content: flex-end
}

.committee .proposal-table-content .detail-action>div {
  margin-left: 26px;
  position: relative
}

.committee .proposal-table-content .detail-action>div:first-child {
  margin-left: 0
}

.committee .proposal-table-content .detail-action>div a {
  font-size: 14px;
  line-height: 18px;
  text-align: center
}

.committee .proposal-table-content .detail-action>div a.proposal-more {
  color: #c23631 !important
}

.committee .proposal-table-content .detail-action>div a.proposal-cancel:before {
  background: #979ca4;
  content: "";
  display: block;
  height: 14px;
  left: -13px;
  position: absolute;
  top: 2px;
  width: 1px
}

.committee .proposal-table-content .detail-action>div a.proposal-cancel {
  color: #91979d !important
}

.committee .proposal-table {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 20px 6px;
  position: relative
}

@media only screen and (max-width:768px) {
  .committee .proposal-table {
    padding: 20px 15px 6px
  }

  .committee .proposal-table.table_pos .table_new_style {
    margin-top: 35px
  }
}

.committee .proposal-table .ant-table {
  color: #333
}

.committee .proposal-table .ant-table .hidden {
  display: none
}

.committee .proposal-table .ant-table table {
  padding: 0
}

.committee .proposal-table .ant-table .mine-flag {
  background: url(/static/media/rect.c7822f273058f18cf510.svg) no-repeat;
  color: #fff;
  font-size: 12px;
  height: 20px;
  left: 0;
  line-height: 20px;
  position: absolute;
  top: 5px;
  width: 32px
}

.committee .proposal-table .ant-table .mine-flag span {
  display: inline-block;
  text-align: center;
  transform: scale(.9);
  width: 80%
}

.committee .proposal-table .ant-table .ant-table-body .whiteSpaceNormal {
  white-space: normal !important
}

.committee .proposal-table .ant-table .create-time {
  color: #73787b;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px
}

.committee .proposal-table .ant-table .expiration-time {
  color: #101010;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 2px
}

.committee .proposal-table .badge {
  font-weight: 300
}

.committee .proposal-table .badge.badge-new {
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 1px 12px
}

.committee .proposal-table .badge.badge-new.badge-danger {
  background: #f2ede8;
  color: #7f471c
}

.committee .proposal-table .badge.badge-new.badge-success {
  background: #eaf4ea;
  color: #2d912c
}

.committee .proposal-table .badge.badge-new.badge-secondary {
  background: #f4f5f5;
  color: #91979d
}

.committee .proposal-table .badge.badge-new.badge-warning {
  background: #fdf6ec;
  color: #f5a623
}

.committee .proposal-table .detail-action {
  align-items: center;
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: flex-end;
  white-space: nowrap
}

.committee .proposal-table .detail-action>div {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-left: 26px;
  position: relative
}

.committee .proposal-table .detail-action>div:first-child {
  margin-left: 0
}

.committee .proposal-table .detail-action>div a {
  font-size: 14px;
  line-height: 18px;
  text-align: center
}

.committee .proposal-table .detail-action>div a.proposal-more {
  color: #c23631 !important
}

.committee .proposal-table .detail-action>div a.proposal-more:hover {
  color: #e50915 !important
}

.committee .proposal-table .detail-action>div a.proposal-approve:before,
.committee .proposal-table .detail-action>div a.proposal-cancel:before {
  background: #979ca4;
  content: "";
  display: block;
  height: 14px;
  left: -13px;
  position: absolute;
  top: 2px;
  width: 1px
}

.committee .proposal-table .detail-action>div a.proposal-approve {
  color: #2d912c !important
}

.committee .proposal-table .detail-action>div a.proposal-cancel {
  color: #91979d !important
}

.committee .my-proposals-table-empty.table_new_style .ant-table table .ant-table-tbody>tr:last-of-type>td {
  border-bottom: none !important
}

.committee .my-proposals-empty {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 100px 0 150px
}

.committee .my-proposals-empty .ant-empty-image {
  font-size: 62px;
  margin-bottom: 30px
}

@media only screen and (max-width:768px) {
  .committee .proposal-header {
    top: 15px
  }

  .committee .proposal-header a {
    background: #f6f7fb;
    margin: 0 14px 0 0
  }
}

.committee-modal .modal-header {
  border-bottom: 0
}

.committee-modal .modal-body {
  padding-bottom: 50px
}

.committee-modal .close {
  color: #666;
  font-size: 30px
}

.committee-modal .balance-tip {
  color: #e60815;
  display: none;
  margin-bottom: 5px
}

.committee-modal .balance-tip.show {
  display: block
}

body .modal-dialog.apply-super-modal {
  max-width: 700px
}

body .modal-dialog.apply-super-modal .modal-header {
  padding: 25px 30px 0
}

body .modal-dialog.apply-super-modal .modal-body {
  padding: 5px 30px 30px
}

body .modal-dialog.apply-super-modal .modal-body .body-text {
  color: #666;
  font-size: 12px
}

.proposal-detail {
  padding-bottom: 80px
}

.proposal-detail .proposal-detail-header-wrap {
  border: 0;
  border-radius: 10px;
  padding: 20px 20px 5px
}

.proposal-detail .proposal-detail-header-wrap .card-body {
  padding: 0 0 20px
}

.proposal-detail .proposal-header .header-item {
  align-items: center;
  border-top: 1px solid #f0f2f3;
  padding: 15px 0
}

.proposal-detail .proposal-header .header-item .item-title {
  color: #101010;
  width: 280px
}

.proposal-detail .proposal-header .header-item .item-info {
  color: #101010;
  flex: 1 1
}

.proposal-detail .badge {
  font-weight: 300
}

.proposal-detail .badge.badge-new {
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 9px
}

.proposal-detail .badge.badge-new.badge-danger {
  background: #c236311a;
  color: #7f471c
}

.proposal-detail .badge.badge-new.badge-success {
  background: #ebf9eb;
  color: #2d912c
}

.proposal-detail .badge.badge-new.badge-secondary {
  background: #9999991a;
  color: #91979d
}

.proposal-detail .badge.badge-new.badge-warning {
  background: #f5a6231a;
  color: #f5a623
}

.proposal-detail .proposal-detail-wrap {
  background: #fff;
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px
}

.proposal-detail .proposal-detail-wrap .detail-header h2 {
  color: #101010;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 20px
}

.proposal-detail .proposal-detail-wrap .detail-header .votes {
  color: #999
}

.proposal-detail .proposal-detail-wrap .detail-content {
  margin: 0
}

.proposal-detail .proposal-detail-wrap .detail-content .col-md-6 {
  background: #f9fafa;
  border-radius: 10px;
  flex: 1 1;
  padding: 20px 20px 5px
}

.proposal-detail .proposal-detail-wrap .detail-content .col-md-6:first-child {
  margin-right: 20px
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item .detail-item-title {
  border-bottom: 1px solid #eee;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 15px
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item .detail-item-title i {
  display: inline-block;
  height: 10px;
  margin: 0 10px;
  width: 10px
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item .detail-item-content {
  display: flex;
  flex-wrap: wrap
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item .detail-item-content a {
  color: #101010;
  overflow: hidden;
  padding: 15px 8px 15px 0;
  width: 33.3%
}

@media only screen and (min-width:769px) {
  .proposal-detail .proposal-detail-wrap .detail-content .detail-item .detail-item-content a:nth-of-type(3n) {
    padding: 15px 0
  }
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item .detail-item-content .gap-line {
  background-color: #f0f2f3;
  height: 1px;
  width: 100%
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item.green .detail-item-title {
  color: #32c956
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item.green .detail-item-title i {
  background-color: #32c956
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item.green .detail-item-content a:hover {
  color: #32c956 !important
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item.blue .detail-item-title {
  color: #2d912c
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item.blue .detail-item-title i {
  background-color: #2d912c
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item.orange .detail-item-title {
  color: #7f471c
}

.proposal-detail .proposal-detail-wrap .detail-content .detail-item.orange .detail-item-title i {
  background-color: #7f471c
}

@media only screen and (max-width:768px) {
  .proposal-detail {
    padding-bottom: 40px
  }

  .proposal-detail .proposal-detail-header-wrap {
    padding: 20px 15px 5px
  }

  .proposal-detail .proposal-header .header-item .item-title {
    padding-right: 8px;
    width: 100px
  }

  .proposal-detail .proposal-detail-wrap {
    padding: 20px 15px
  }

  .proposal-detail .proposal-detail-wrap .detail-content .col-md-6 {
    flex: auto;
    padding: 20px 15px 5px
  }

  .proposal-detail .proposal-detail-wrap .detail-content .col-md-6:first-child {
    margin-bottom: 20px;
    margin-right: 0
  }

  .proposal-detail .proposal-detail-wrap .detail-content .detail-item .detail-item-content a {
    padding-right: 8px;
    width: 50%
  }
}

.vote-overview .vote-overview-title h3 {
  color: #333;
  font-size: 16px
}

.vote-overview .vote-overview-action-wrap .vote-overview-action {
  align-items: center
}

.vote-overview .vote-overview-action-wrap .vote-overview-action .vote-overview-action-status {
  max-width: 25rem
}

.vote-overview .vote-overview-action-wrap .vote-overview-action .vote-overview-action-status.is-right {
  max-width: none
}

@media screen and (max-width:768px) {
  .vote-overview .vote-overview-action-wrap .vote-overview-action .vote-overview-action-status>span {
    flex-direction: column !important
  }
}

@media(max-width:992px) {
  .vote-overview .vote-overview-action-wrap .vote-overview-action {
    align-items: flex-start;
    flex-direction: column
  }

  .vote-overview .vote-overview-action-wrap .vote-overview-action .vote-overview-action-status {
    padding: .5rem 0
  }
}

@media screen and (max-width:768px) {
  .vote-overview .vote-overview-action-wrap .vote-overview-action {
    align-items: flex-start;
    flex-direction: column
  }

  .vote-overview .vote-overview-action-wrap .vote-overview-action .vote-overview-action-status {
    padding: .5rem 0
  }
}

.vote-overview .vote-overview-action-wrap .vote-overview-search input {
  background: #fff;
  border: 1px solid #9b9b9b;
  border-radius: 2px 0 0 2px;
  border-right: 0;
  caret-color: #c23631;
  color: #333;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  height: 1.625rem;
  outline: none;
  padding-left: .5rem;
  width: 15rem
}

.vote-overview .vote-overview-action-wrap .vote-overview-search input::placeholder {
  color: #999
}

.vote-overview .vote-overview-action-wrap .vote-overview-search>button {
  align-items: center;
  background: #c23631;
  border: 0;
  border-radius: 0 2px 2px 0;
  color: #fff;
  display: flex;
  font-size: 12px;
  height: 1.625rem;
  justify-content: center;
  width: 1.625rem
}

.vote-overview .vote-overview-action-wrap .vote-overview-search>button:active,
.vote-overview .vote-overview-action-wrap .vote-overview-search>button:hover {
  background: #9b2b27
}

.vote-overview .vote-overview-action-wrap .vote-overview-search>button i {
  font-size: 12px
}

@media screen and (max-width:768px) {
  .vote-overview .vote-overview-action-wrap .vote-overview-search input {
    width: 10rem
  }
}

.vote-overview .vote-overview-action-wrap button.action-btn {
  border-radius: 2px;
  color: #fff;
  font-size: .875rem;
  line-height: 1;
  margin-left: .75rem;
  padding: .5625rem 1.6875rem
}

.vote-overview .vote-overview-action-wrap button.action-btn.green {
  background: #69c265
}

.vote-overview .vote-overview-action-wrap button.action-btn.red {
  background: #c23631
}

.vote-overview .vote-overview-action-wrap button.action-btn.yellow {
  background: #e0ae5c
}

.vote-overview .vote-overview-action-wrap button.action-btn:first-child {
  margin-left: 0
}

@media screen and (max-width:768px) {
  .vote-overview .vote-overview-action-wrap button.action-btn {
    padding: .4rem 1rem
  }
}

.accountQrcode {
  width: 460px
}

.accountQrcode .confirm-btn {
  background: #101010;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  width: 100%
}

.accountQrcode .confirm-btn:hover {
  background-color: #c23631
}

.accountQrcode .ant-btn:focus {
  color: #fff
}

@media screen and (max-width:768px) {
  .accountQrcode {
    margin: .5rem;
    width: auto
  }
}

.freeze-modal-wrap {
  font-family: PingFangSC-Regular
}

.freeze-modal-wrap .modal-content {
  padding: 0 1.75rem
}

.freeze-modal-wrap .modal-content .freeze-modal-header {
  padding: 1rem 0
}

.freeze-modal-wrap .modal-content .freeze-modal-header h5 {
  color: #333;
  font-size: 14px
}

.freeze-modal-wrap .modal-content .freeze-modal-header .close {
  color: #333;
  font-size: 1.5rem
}

.freeze-modal-wrap .modal-content .freeze-modal-body {
  font-size: 13px;
  padding-left: 0;
  padding-right: 0
}

.freeze-modal-wrap .modal-content .freeze-modal-body .freeze-tip {
  color: #666;
  font-size: 13px;
  margin-bottom: 1rem
}

@media screen and (max-width:768px) {
  .freeze-modal-wrap .modal-content .freeze-modal-body .freeze-tip {
    align-items: flex-start;
    flex-direction: column
  }
}

.freeze-modal-wrap .modal-content .freeze-modal-body .freeze_label {
  color: #333;
  margin: .25rem 0 .625rem;
  text-align: left
}

.freeze-modal-wrap .modal-content .freeze-modal-body .input-group .input-group-append .max-btn-style {
  background: #f3f3f3;
  color: #666
}

.freeze-modal-wrap .modal-content .freeze-modal-body .input-group .input-group-append .max-btn-style:hover {
  color: #c23631
}

.freeze-modal-wrap .modal-content .freeze-modal-body .input-group .ant-select {
  width: 100%
}

.freeze-modal-wrap .modal-content .freeze-modal-body .form-group .fre-tip {
  color: #666;
  column-count: #666;
  font-family: PingFangSC-Regular;
  font-size: 12px
}

.freeze-modal-wrap .modal-content .freeze-modal-body .form-group input,
.freeze-modal-wrap .modal-content .freeze-modal-body .form-group select {
  background: #f3f3f3;
  border: 1px solid #eee;
  border-radius: 1px
}

.freeze-modal-wrap .modal-content .freeze-modal-body .form-group button {
  background-color: #d8d8d8;
  color: #8e8c84;
  font-size: 12px;
  font-weight: 500;
  height: 32px;
  line-height: 22px;
  padding: 6px 12px;
  text-transform: uppercase
}

.freeze-modal-wrap .modal-content .freeze-modal-body .form-group button:hover {
  color: #c23631
}

.freeze-modal-wrap .modal-content .freeze-modal-body .form-group .form-control {
  font-size: 12px
}

.freeze-modal-wrap .modal-content .freeze-modal-body .form-group .maxButtonStyle {
  background: #f3f3f3;
  border: none;
  color: #666;
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0
}

.freeze-modal-wrap .modal-content .freeze-modal-body .form-group .maxButtonStyle:hover {
  color: #c23631
}

.freeze-modal-wrap .modal-content .freeze-modal-body .ant-checkbox-wrapper {
  font-size: 12px
}

.freeze-modal-wrap .modal-content .freeze-modal-body .exportpassword input {
  height: 38px
}

.freeze-modal-wrap .modal-content .freeze-modal-body .exportpassword .ant-input:focus {
  box-shadow: none
}

.wallet-send input,
.wallet-send select {
  background: none !important;
  border: none !important;
  border-radius: none !important
}

@media screen and (max-width:768px) {
  .login-out-modal {
    margin: 0 15px
  }
}

.login-out-modal .modal-body {
  padding: 60px 30px 30px;
  position: relative
}

.login-out-modal .modal-content {
  border-radius: 20px;
  padding: 0
}

.login-out-modal .iconWrapper {
  cursor: pointer;
  display: flex;
  position: absolute;
  right: 20px;
  top: 20px
}

.login-out-modal .imgWrapper {
  margin: 0 0 30px
}

.login-out-modal .imgWrapper img {
  display: inline-block;
  height: 60px;
  width: 60px
}

.login-out-modal .loginOut {
  color: #101010;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 30px
}

.login-out-modal .operateWrapper {
  margin: 0
}

.login-out-modal .operateWrapper .operation {
  justify-content: space-between
}

.login-out-modal .operateWrapper button {
  border: 1px solid #000;
  border-radius: 10px;
  color: #101010;
  flex: 1 1;
  font-size: 16px;
  height: 40px;
  min-width: 115px
}

.login-out-modal .operateWrapper button.btn-confirm {
  background: #101010;
  color: #fff;
  margin-left: 20px
}

.login-out-modal .operateWrapper button.btn-cancel,
.login-out-modal .operateWrapper button.btn-cancel:hover {
  background-color: #fff !important;
  border-color: #000 !important;
  color: #101010
}

@media(min-width:1000px) {
  body .freeze-modal-wrap.modal-dialog {
    max-width: 480px
  }
}

.transaction-fail .modal-content {
  padding: 0 30px
}

.transaction-fail .modal-header {
  align-items: center;
  justify-content: center;
  padding: 1rem 0
}

.transaction-fail .modal-header .modal-title {
  font-size: 14px
}

.transaction-fail .modal-body {
  padding: 20px 0 0
}

.transaction-fail .fail-modal-body {
  color: #333
}

.transaction-fail .fail-modal-body p {
  margin: 0
}

.transaction-fail .fail-modal-body .title {
  font-family: PingFangSC-Medium;
  font-size: 12px;
  line-height: 20px
}

.transaction-fail .fail-modal-body .desc {
  line-height: 22px
}

.transaction-fail .fail-modal-body .suggestion {
  margin-top: 20px
}

.transaction-fail .fail-modal-body .iknow {
  margin: 24px auto;
  width: 180px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content {
  background: #fff;
  border: none;
  border-radius: 20px;
  padding: 30px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .modal-header {
  border: none;
  border-radius: 0;
  padding: 0
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .modal-header .modal-title {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
  width: 100%
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body {
  padding-bottom: 0;
  padding-top: 20px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .freeze-tip {
  border-bottom: 1px dashed #c2c9d1;
  color: #101010;
  font-size: 14px;
  margin-bottom: 14px;
  padding-bottom: 14px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .freeze_label {
  color: #616568;
  font-size: 14px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body>p {
  margin-bottom: 0
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .freeze-select {
  background-color: #fff;
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  height: 40px;
  overflow: hidden
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 40px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .freeze-select .ant-select-selection,
.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .freeze-select .ant-select-selector {
  background: #fff !important
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 38px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .ant-select-single .ant-select-selector .ant-select-selection-item,
.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  color: #101010;
  font-size: 14px;
  line-height: 38px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .form-group input,
.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .form-group select {
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 5px;
  font-size: 14px;
  height: 40px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .form-group .maxButtonStyle {
  background: #0000;
  color: #c23631;
  font-size: 14px;
  height: 40px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .btn-primary:disabled {
  background: #c2c9d1 !important;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  height: 40px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .ant-checkbox-wrapper {
  color: #616568;
  font-size: 14px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .freeze-valid-btn {
  background-color: #101010 !important;
  border-radius: 10px;
  height: 40px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #101010;
  border-color: #101010;
  border-radius: 5px
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .ant-checkbox-input:focus+.ant-checkbox-inner,
.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #101010
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .ant-checkbox-checked:after {
  border: none
}

.freeze-modal-wrap-new.freeze-modal-wrap .modal-content .freeze-modal-body .ant-select-arrow {
  top: 45%
}

.dropdown-wrap {
  border-radius: 10px
}

.myaccount-container-new {
  align-items: flex-start;
  display: flex;
  margin-bottom: 80px;
  margin-top: 24px
}

.myaccount-container-new.myaccount-container-empty {
  background: #fff;
  border-radius: 10px;
  color: #73787b;
  font-size: 14px;
  height: 400px;
  line-height: 20px;
  margin: 24px auto 190px;
  max-width: 1340px
}

.myaccount-container-new.myaccount-container-empty img {
  margin-bottom: 20px
}

.myaccount-container-new.myaccount-container-empty .login-btn {
  align-items: center;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  color: #101010;
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  margin-top: 20px;
  padding: 0 20px;
  width: 440px
}

.myaccount-container-new.myaccount-container-empty .login-btn:hover {
  border-color: #c23631;
  color: #c23631
}

.myaccount-container-new .ant-layout-sider {
  background: none;
  max-width: none !important;
  width: 100% !important
}

.myaccount-container-new .ant-layout.myaccount-layout {
  background: #0000
}

.myaccount-container-new .menu-container {
  background-color: #fff;
  border-radius: 10px;
  margin-right: 20px;
  min-height: 512px;
  padding: 20px;
  width: 230px
}

.myaccount-container-new .menu-container .account-info {
  align-items: center;
  border-top: none;
  color: #101010;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  padding: 0
}

.myaccount-container-new .menu-container .account-info .avatar {
  background-color: #2d912c;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-bottom: 8px;
  text-align: center;
  width: 40px
}

.myaccount-container-new .menu-container .account-info .name {
  color: #101010;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  word-break: break-all
}

.myaccount-container-new .menu-container .menu-list {
  border-right: none;
  display: flex;
  flex-direction: column
}

.myaccount-container-new .menu-container .ant-menu-item {
  box-sizing: initial;
  display: block;
  font-size: 16px;
  margin: 0;
  padding: 5px 0;
  padding-left: 0 !important;
  position: relative;
  width: 100%
}

.myaccount-container-new .menu-container .ant-menu-item:nth-of-type(2),
.myaccount-container-new .menu-container .ant-menu-item:nth-of-type(5) {
  padding-bottom: 10px
}

.myaccount-container-new .menu-container .ant-menu-item:nth-of-type(3),
.myaccount-container-new .menu-container .ant-menu-item:nth-of-type(6) {
  padding-top: 10px
}

.myaccount-container-new .menu-container .ant-menu-item:active {
  background: #fff
}

.myaccount-container-new .menu-container .ant-menu-item:nth-of-type(2):before,
.myaccount-container-new .menu-container .ant-menu-item:nth-of-type(5):before {
  background: linear-gradient(0deg, #ffffffbf, #ffffffbf), #c2c9d1;
  border-radius: 10px;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

@media(max-width:767px) {

  .myaccount-container-new .menu-container .ant-menu-item:nth-of-type(2):before,
  .myaccount-container-new .menu-container .ant-menu-item:nth-of-type(5):before {
    background: none
  }
}

.myaccount-container-new .menu-container .ant-menu-item .iconfont {
  color: #101010
}

.myaccount-container-new .menu-container .ant-menu-item.active .tron-icon,
.myaccount-container-new .menu-container .ant-menu-item:hover .tron-icon {
  color: #c23631 !important
}

.myaccount-container-new .menu-container .ant-menu-item.ant-menu-item-selected {
  background: #fff;
  color: #c23631
}

.myaccount-container-new .menu-container .ant-menu-item.ant-menu-item-selected .iconfont,
.myaccount-container-new .menu-container .ant-menu-item.ant-menu-item-selected .menu-item,
.myaccount-container-new .menu-container .ant-menu-item.ant-menu-item-selected a {
  color: #c23631
}

.myaccount-container-new .menu-container .ant-menu-item.ant-menu-item-selected:after {
  display: none
}

.myaccount-container-new .menu-container .ant-menu-item .menu-item {
  color: #101010;
  display: inline-block
}

.myaccount-container-new .menu-container .ant-menu-item .menu-item.active,
.myaccount-container-new .menu-container .ant-menu-item .menu-item:hover {
  border-radius: 8px;
  color: #c23631
}

.myaccount-container-new .menu-container .ant-menu-item .menu-item.favorite-chart-menu-item:hover {
  text-decoration: underline
}

.myaccount-container-new .menu-container .menu-divider {
  background: linear-gradient(0deg, #ffffffbf, #ffffffbf), #c2c9d1;
  border-radius: 10px;
  display: block;
  height: 1px;
  margin: 25px 0 5px;
  width: 100%
}

@media only screen and (max-width:768px) {
  .myaccount-container-new .menu-container .menu-divider {
    margin: 25px 0 0
  }

  .my-account-card {
    margin-top: 25px
  }
}

.my-account-card .ant-input,
.my-account-card input {
  font-size: 14px;
  line-height: 14px
}

.my-account-card .card-header {
  background: #333;
  color: #999;
  font-size: 1.25rem;
  height: 5.5rem;
  opacity: .9;
  width: 100%
}

.my-account-card .card-header .title .title-btn {
  cursor: pointer;
  margin-left: 5rem;
  margin-right: 5rem
}

.my-account-card .card-header .title .title-btn.active {
  color: #fff
}

.my-account-card .card-header .title .title-line {
  border-right: 1px solid #999;
  opacity: .9
}

.my-account-card .card-header .title-flex {
  display: flex
}

.my-account-card .my-account-steps {
  background-color: #fff
}

.my-account-card .my-account-steps .ant-steps {
  margin: 87px auto 20px;
  max-width: 570px;
  transform: translateX(-35px)
}

.my-account-card .my-account-steps .ant-steps .ant-steps-item-content {
  display: none
}

.my-account-card .my-account-steps .ant-steps .ant-steps-item-icon {
  background-color: #d8d8d8
}

.my-account-card .my-account-steps .ant-steps .ant-steps-item-icon .ant-steps-icon div p {
  color: #999;
  font-size: 18px;
  line-height: 25px;
  position: absolute;
  top: -36px;
  transform: translateX(-50%);
  white-space: nowrap
}

.my-account-card .my-account-steps .ant-steps .ant-steps-item-tail:after {
  background: #d8d8d8;
  height: 1px;
  margin-top: 2px
}

.my-account-card .my-account-steps .ant-steps .ant-steps-item-finish .ant-steps-item-icon {
  background-color: #4b90e2
}

.my-account-card .my-account-steps .ant-steps .ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon div p {
  color: #4b90e2
}

.my-account-card .my-account-steps .ant-steps .ant-steps-item-finish .ant-steps-item-tail:after,
.my-account-card .my-account-steps .ant-steps .ant-steps-item-process .ant-steps-item-icon {
  background-color: #4b90e2
}

.my-account-card .my-account-steps .ant-steps .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon div p {
  color: #4b90e2
}

.my-account-card .reset-form-wrapper {
  width: 504px
}

.my-account-card .reset-form-wrapper .reset-form-tips h5 {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
  margin-top: 16px
}

.my-account-card .reset-form-wrapper .reset-form-tips p {
  color: #999;
  font-size: 14px;
  line-height: 20px;
  margin: 0
}

.my-account-card .reset-form-wrapper .ant-btn:focus,
.my-account-card .reset-form-wrapper .ant-btn:hover {
  background-color: #4b90e2;
  border-color: #4b90e2;
  color: #4b90e2
}

.my-account-card .reset-form-wrapper .ant-btn-primary {
  background-color: #4b90e2;
  border-color: #4b90e2;
  transition: none
}

.my-account-card .reset-form-wrapper .ant-input-group-addon .ant-btn {
  font-size: 14px;
  height: 54px
}

.my-account-card .reset-form-wrapper .error-tips {
  margin-top: 6px
}

.my-account-card .reset-form-wrapper .error-tips p {
  color: #999;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 16px
}

.my-account-card .reset-form-wrapper .reset-step-third {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 70px
}

.my-account-card .reset-form-wrapper .reset-step-third img {
  height: 92px;
  width: 92px
}

.my-account-card .reset-form-wrapper .reset-step-third p {
  color: #333;
  font-size: 20px;
  margin: 20px auto 40px;
  opacity: .9
}

.my-account-card .reset-form-wrapper .reset-step-third .activate-button {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  color: #333;
  font-size: 16px;
  height: 3.375rem;
  width: 504px
}

.my-account-card .reset-form-wrapper .reset-step-third .activate-button span {
  color: #333 !important
}

.my-account-card .reset-form-wrapper .reset-step-third .activate-button:active,
.my-account-card .reset-form-wrapper .reset-step-third .activate-button:focus,
.my-account-card .reset-form-wrapper .reset-step-third .activate-button:hover {
  background-color: #eee;
  color: #333
}

.my-account-card .reset-form-wrapper .reset-step-third .activate-button:active span,
.my-account-card .reset-form-wrapper .reset-step-third .activate-button:focus span,
.my-account-card .reset-form-wrapper .reset-step-third .activate-button:hover span {
  color: #333 !important
}

.my-account-card .card-body {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: center
}

.my-account-card .card-body .login-email-box,
.my-account-card .card-body .register-box {
  padding-bottom: 1rem;
  padding-top: 2.5rem;
  width: 45%
}

.my-account-card .card-body .login-form-forgot-a {
  -webkit-text-decoration: revert;
  text-decoration: revert
}

.my-account-card .card-body .logout-result,
.my-account-card .card-body .register-result {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 6.25rem;
  padding-top: 4.325rem;
  text-align: center;
  width: 100%
}

.my-account-card .card-body .logout-result .register-status,
.my-account-card .card-body .register-result .register-status {
  height: 5.75rem;
  width: 5.75rem
}

.my-account-card .card-body .logout-result .register-status img,
.my-account-card .card-body .register-result .register-status img {
  display: block;
  width: 100%
}

.my-account-card .card-body .logout-result .register-title,
.my-account-card .card-body .register-result .register-title {
  color: #333;
  font-family: PingFangSC-Regular;
  font-size: 20px
}

.my-account-card .card-body .logout-result .register-content,
.my-account-card .card-body .register-result .register-content {
  color: #101010;
  font-family: Lato;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px
}

.my-account-card .card-body .logout-result .activate-button,
.my-account-card .card-body .register-result .activate-button {
  border: 1px solid #000;
  border-radius: 10px;
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  mix-blend-mode: normal;
  text-align: center;
  width: 440px
}

.my-account-card .card-body .logout-result .activate-button:active,
.my-account-card .card-body .logout-result .activate-button:focus,
.my-account-card .card-body .logout-result .activate-button:hover,
.my-account-card .card-body .register-result .activate-button:active,
.my-account-card .card-body .register-result .activate-button:focus,
.my-account-card .card-body .register-result .activate-button:hover {
  background-color: #fff;
  color: #101010
}

.my-account-card .card-body .logout-result .activate-button:active span,
.my-account-card .card-body .logout-result .activate-button:focus span,
.my-account-card .card-body .logout-result .activate-button:hover span,
.my-account-card .card-body .register-result .activate-button:active span,
.my-account-card .card-body .register-result .activate-button:focus span,
.my-account-card .card-body .register-result .activate-button:hover span {
  color: #101010 !important
}

@media only screen and (max-width:768px) {

  .my-account-card .card-body .logout-result .activate-button,
  .my-account-card .card-body .register-result .activate-button {
    width: 240px
  }
}

.my-account-card .card-body .logout-result .logout-jump-btn {
  text-decoration: underline
}

.my-account-card .card-body .logout-result .dot:after {
  animation: dotAnimate 3s infinite;
  -webkit-animation: dotAnimate 3s infinite;
  content: ""
}

@keyframes dotAnimate {

  0%,
  to {
    content: ""
  }

  25% {
    content: "."
  }

  50% {
    content: ".."
  }

  75% {
    content: "..."
  }
}

.my-account-card .card-body .ant-form-item-label {
  color: #333;
  font-family: PingFangSC-Semibold;
  font-size: 1rem
}

.my-account-card .card-body .ant-form-item-label .ant-form-item-required:before {
  content: "";
  margin-right: 0
}

.my-account-card .card-body .ant-form-item-label .ant-form-item-required:after {
  content: ""
}

.my-account-card .card-body .ant-input,
.my-account-card .card-body .intl-tel-input {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  height: 3.375rem;
  width: 100%
}

.my-account-card .card-body .ant-input:focus,
.my-account-card .card-body .ant-input:hover {
  border-color: #4b90e2
}

.my-account-card .card-body .has-error .ant-input:not([disabled]):hover {
  border-color: #f5222d
}

.my-account-card .card-body .has-error .ant-input:focus {
  border-color: #ff4d4f
}

.my-account-card .card-body .has-error .ant-input,
.my-account-card .card-body .has-error .ant-input:hover {
  border-color: #f5222d
}

.my-account-card .card-body .intl-tel-input:hover {
  border-color: #4b90e2
}

.my-account-card .card-body .intl-tel-input:focus {
  border-color: #4b90e2;
  box-shadow: 0 0 0 2px #1890ff33
}

.my-account-card .card-body .intl-tel-input .flag-container {
  padding: 0
}

.my-account-card .card-body .intl-tel-input .selected-flag {
  display: flex !important;
  overflow: hidden
}

.my-account-card .card-body .intl-tel-input .selected-flag .selected-dial-code {
  padding-left: 4px
}

.my-account-card .card-body .intl-tel-input .form-control {
  background: #fff;
  height: 100%
}

.my-account-card .card-body .intl-tel-input .form-control:hover {
  border-color: #4b90e2
}

.my-account-card .card-body .intl-tel-input .form-control:focus {
  border-color: #4b90e2;
  box-shadow: 0 0 0 2px #1890ff33
}

.my-account-card .card-body .intl-tel-input .country-list {
  width: 100%
}

.my-account-card .card-body .intl-tel-input .country-list .country .dial-code {
  float: right
}

.my-account-card .card-body .login-form-button,
.my-account-card .card-body .register-form-button {
  background: #c64844;
  border-color: #c64844;
  border-radius: 0;
  color: #fff;
  font-size: 1rem;
  height: 3.375rem;
  line-height: 3.375rem;
  padding: 0;
  width: 100%
}

.my-account-card .card-body .login-form-button:active,
.my-account-card .card-body .login-form-button:focus,
.my-account-card .card-body .login-form-button:hover,
.my-account-card .card-body .register-form-button:active,
.my-account-card .card-body .register-form-button:focus,
.my-account-card .card-body .register-form-button:hover {
  background: #9e3936
}

.my-account-card .card-body .ant-btn-primary[disabled] {
  background-color: #ddd;
  border-color: #ddd;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  height: 3.375rem;
  line-height: 3.375rem;
  text-shadow: none;
  width: 100%
}

.my-account-card .card-body .login-form-href {
  margin-top: .5rem
}

.my-account-card .card-body .login-form-href a {
  color: #909399
}

.my-account-card .card-body .login-phone-captcha {
  display: flex
}

.my-account-card .card-body .login-phone-captcha input {
  border-radius: 0;
  border-right: 0;
  flex: 1 1
}

.my-account-card .card-body .login-phone-captcha .sms-addon-btn {
  background: #4b90e2;
  border: 1px solid #4b90e2;
  border-radius: 0;
  color: #fff;
  padding: 0 20px
}

.my-account-card .card-body .login-phone-captcha .sms-addon-btn[disabled] {
  background-color: #ddd;
  border-color: #ddd;
  color: #fff
}

.my-account-card .card-body .captcha-tip {
  line-height: 1.5
}

.my-account-card .card-body .captcha-tip span {
  color: #999;
  font-size: 12px
}

.my-account-card .card-body .password-tip {
  color: #999;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  line-height: 30px
}

.my-account-card .card-body .ant-form-explain {
  padding-top: 5px
}

.my-account-card .card-body .my_account_change_password-cancel {
  cursor: pointer
}

.my-account-card .card-body .change-password-step-two {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 120px auto 70px
}

.my-account-card .card-body .change-password-step-two img {
  height: 92px;
  width: 92px
}

.my-account-card .card-body .change-password-step-two p {
  color: #333;
  font-size: 20px;
  margin: 20px auto 40px;
  opacity: .9
}

.my-account-card .card-body .change-password-step-two .activate-button {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  color: #333;
  font-size: 16px;
  height: 3.375rem;
  width: 504px
}

.my-account-card .card-body .change-password-step-two .activate-button span {
  color: #333 !important
}

.my-account-card .card-body .change-password-step-two .activate-button:active,
.my-account-card .card-body .change-password-step-two .activate-button:focus,
.my-account-card .card-body .change-password-step-two .activate-button:hover {
  background-color: #eee;
  color: #333
}

.my-account-card .card-body .change-password-step-two .activate-button:active span,
.my-account-card .card-body .change-password-step-two .activate-button:focus span,
.my-account-card .card-body .change-password-step-two .activate-button:hover span {
  color: #333 !important
}

.my-account-card .ant-legacy-form-item .ant-legacy-form-item-label {
  font-family: PingFangSC-Semibold
}

.my-account-card .ant-legacy-form-item .ant-legacy-form-item-label .ant-legacy-form-item-required:before {
  content: "";
  margin-right: 0
}

.my-account-card .ant-legacy-form-item .ant-legacy-form-item-label>label:after {
  content: ""
}

.my-account-card .ant-legacy-form-item .ant-input-affix-wrapper {
  padding: 0 11px
}

.my-account-card .ant-legacy-form-item .ant-input-affix-wrapper .ant-input {
  border: none
}

.my-account-card .ant-legacy-form-item .ant-input-affix-wrapper-focused,
.my-account-card .ant-legacy-form-item .ant-input-affix-wrapper:focus {
  border-color: #4b90e2;
  box-shadow: 0 0 0 2px #1890ff33
}

.my-account-card .ant-legacy-form-item .ant-input::placeholder {
  font-size: 14px
}

@media only screen and (max-width:768px) {

  .my-account-card .card-body .login-email-box,
  .my-account-card .card-body .register-box {
    width: 100%
  }

  .my-account-card .card-header .title .title-btn {
    cursor: pointer;
    display: block;
    font-size: 12px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center
  }

  .my-account-card .login-form-href {
    justify-content: space-between
  }
}

.my-account-index h5 {
  color: #222;
  font-family: PingFangSC-Medium;
  font-size: 16px
}

.my-account-index .nav {
  display: block
}

.my-account-index .list-style-body-scroll__header li {
  color: #222;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  padding: 10px 20px
}

.my-account-index .list-style-body-scroll__header li span {
  cursor: pointer
}

.my-account-index .list-style-body-scroll__header li .active {
  color: #c53228
}

.my-account-index .basic_info .basic-title {
  background: #fff;
  height: 73px;
  justify-content: space-between;
  line-height: 27px;
  margin-bottom: 10px;
  position: relative
}

.my-account-index .basic_info .basic-title:before {
  background: #c23631;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.my-account-index .basic_info .basic-title .title-left p {
  color: #666;
  font-size: 14px;
  line-height: 23px
}

.my-account-index .basic_info .basic-title h5 {
  margin-bottom: 0
}

.my-account-index .basic_info .basic-title .title-right {
  color: #666;
  font-size: 14px;
  line-height: 37px
}

.my-account-index .basic_info .basic-title .title-right img {
  cursor: pointer;
  margin-right: 5px;
  width: 13px
}

.my-account-index .basic_info .basic-title .title-right span {
  cursor: pointer
}

.my-account-index .basic_info .panel-group {
  background-color: #0000;
  justify-content: space-between;
  padding-left: 0
}

.my-account-index .basic_info .panel-group li {
  background: #fff;
  height: 89px;
  list-style: none;
  margin-right: 10px;
  padding: 15px 30px
}

.my-account-index .basic_info .panel-group li:last-child {
  margin-right: 0
}

.my-account-index .basic_info .panel-group li h6 {
  color: #666;
  font-family: PingFangSC-Regular;
  font-size: 14px
}

.my-account-index .basic_info .panel-group li p {
  color: #333;
  font-family: PingFangSC-Medium;
  font-size: 18px
}

.my-account-index #tags {
  background: #fff
}

.myaccount-modal .img-captcha {
  cursor: pointer;
  height: 32px
}

.myaccount-modal .ant-btn-default:focus span,
.myaccount-modal .ant-btn-default:hover span {
  color: #c23631 !important
}

@media(max-width:768px) {
  .login-captcha-modal.myaccount-modal .ant-modal-header {
    padding: 30px 15px 0
  }

  .login-captcha-modal.myaccount-modal .ant-modal-body {
    padding: 30px 15px
  }

  .login-captcha-modal.myaccount-modal .ant-modal-footer {
    padding: 0 15px 30px
  }
}

.login-captcha-modal .ant-modal-header {
  border-bottom: none !important;
  padding: 30px 30px 0
}

.login-captcha-modal .ant-modal-title {
  color: #101010;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-align: center
}

.login-captcha-modal .ant-modal-footer {
  border-top: none !important;
  padding: 0 30px 30px
}

.login-captcha-modal .ant-modal-content {
  border-radius: 20px;
  overflow: hidden
}

@media(max-width:768px) {
  .login-captcha-modal .ant-modal-content {
    margin: 0 15px
  }
}

.login-captcha-modal .ant-modal-body {
  padding: 30px
}

.login-captcha-modal .ant-modal-body .login-captcha-content {
  position: relative
}

.login-captcha-modal .ant-modal-body .check-warning {
  color: #ff4d4f;
  font-size: 12px;
  left: 0;
  position: absolute;
  top: 40px
}

.login-captcha-modal .ant-modal-body .ant-input-affix-wrapper {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  height: 40px;
  padding: 4px 10px 4px 16px
}

.login-captcha-modal .ant-modal-body .ant-input::placeholder {
  color: #91979d;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.login-captcha-modal .ant-modal-body .ant-input:focus,
.login-captcha-modal .ant-modal-body .ant-input:hover {
  border-color: #616568;
  box-shadow: none
}

.login-captcha-modal .ant-modal-body .btns {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  text-align: center
}

.login-captcha-modal .ant-modal-body .btns>span {
  border: 1px solid #000;
  border-radius: 10px;
  box-sizing: border-box;
  color: #101010;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  width: 210px
}

@media only screen and (max-width:768px) {
  .login-captcha-modal .ant-modal-body .btns>span {
    width: 49%
  }
}

.login-captcha-modal .ant-modal-body .btns .confirm-btn {
  background: #101010;
  border: none;
  color: #fff
}

.login-warn-modal .ant-modal-content {
  border-radius: 20px;
  overflow: hidden
}

.login-warn-modal .ant-modal-body {
  padding: 30px;
  text-align: center
}

.login-warn-modal .warn-content-img {
  height: 60px;
  margin: 30px auto;
  width: 60px
}

.login-warn-modal .warn-content-text {
  color: #101010;
  font-family: Lato;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 auto 30px;
  max-width: 360px
}

.login-warn-modal .warn-content-subtext {
  color: #91979d;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  margin: -22px auto 30px;
  max-width: 360px
}

.login-warn-modal .warn-content-btn {
  background: #101010 !important;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  width: 100%
}

.login-warn-modal .warn-content-btn:hover {
  background-color: #c23631 !important
}

@media(max-width:767px) {
  .myaccount-container-new {
    flex-direction: column;
    margin: 20px 15px 60px;
    padding: 0;
    width: auto
  }

  .myaccount-container-new.myaccount-container-empty {
    margin: 20px 15px
  }

  .myaccount-container-new.myaccount-container-empty .login-btn {
    width: 210px !important
  }

  .myaccount-container-new .menu-scroll {
    border-radius: 10px;
    margin: 0 0 0 -15px;
    overflow: auto;
    padding: 0 15px;
    width: calc(100% + 15px)
  }

  .myaccount-container-new .menu-scroll::-webkit-scrollbar {
    display: none
  }

  .myaccount-container-new .menu-container {
    margin-bottom: 20px;
    margin-right: 0;
    min-height: 0;
    padding: 44px 15px 20px;
    width: 100%
  }

  .myaccount-container-new .menu-container .account-info {
    flex-direction: row;
    margin-bottom: 0;
    position: absolute;
    top: 15px
  }

  .myaccount-container-new .menu-container .account-info .avatar {
    margin-bottom: 0;
    margin-right: 15px
  }

  .myaccount-container-new .menu-container .menu-list {
    flex-direction: row;
    padding-top: 20px
  }

  .myaccount-container-new .menu-container .menu-list .ant-menu-item {
    height: 20px;
    line-height: 20px;
    margin-right: 20px;
    padding: 0;
    padding-left: 0 !important
  }

  .myaccount-container-new .menu-container .menu-list .ant-menu-item:nth-of-type(n) {
    padding-bottom: 0;
    padding-top: 0
  }

  .myaccount-container-new .menu-container .menu-list .ant-menu-item:nth-of-type(2):before {
    display: none
  }

  .myaccount-container-new .menu-container .menu-list .ant-menu-item:last-of-type {
    margin-right: 0
  }

  .my-account-card .my-account-steps .ant-steps {
    transform: none
  }

  .my-account-card .my-account-steps .ant-steps .ant-steps-item:last-child {
    flex: 1 1
  }

  .my-account-card .my-account-steps .ant-steps .ant-steps-item-icon .ant-steps-icon div p {
    min-width: 130px;
    top: -50px;
    white-space: normal
  }
}

.my-account-buttons button.btn-default {
  box-sizing: border-box;
  padding: 3px 20px;
  width: 95px
}

.my-account-buttons button.btn-default:hover {
  border: 1px solid #ca5955
}

.my-account-buttons button.btn-default:hover span {
  color: #ca5955 !important
}

.color-grey {
  color: #666;
  display: block;
  font-size: 12px;
  margin-bottom: 0
}

.mr-7 {
  margin-right: 5rem
}

.tron-icon {
  fill: currentColor;
  height: 1em;
  overflow: hidden;
  vertical-align: -.15em;
  width: 1em
}

.flex1 {
  flex: 1 1
}

.d-flex {
  display: flex
}

.d-inline-flex {
  display: inline-flex
}

.tron-display-none {
  display: none
}

.tron-display-block {
  display: block
}

.tron-display-inline-block {
  display: inline-block
}

.tron-vertical-align-middle {
  vertical-align: middle
}

.tron-vertical-align-top {
  vertical-align: top
}

.tron-width-100 {
  width: 100%
}

.tron-width-calc-20 {
  width: calc(100% - 20px)
}

.tron-w-14px {
  width: 14px
}

.tron-h-14px {
  height: 14px
}

.tron-w-16px {
  width: 16px
}

.tron-h-16px {
  height: 16px
}

.tron-w-20px {
  width: 20px
}

.tron-h-20px {
  height: 20px
}

.tron-w-34px {
  width: 34px
}

.tron-h-34px {
  height: 34px
}

.tron-w-100px {
  width: 100px
}

.tron-h-100px {
  height: 100px
}

.tron-w-200px {
  width: 200px
}

.tron-h-200px {
  height: 200px
}

.tron-square-14px {
  height: 14px;
  width: 14px
}

.tron-square-20px {
  height: 20px;
  width: 20px
}

.tron-square-24px {
  height: 24px;
  width: 24px
}

.tron-square-26px {
  height: 26px;
  width: 26px
}

.tron-square-36px {
  height: 36px;
  width: 36px
}

.tron-min-w-46px {
  min-width: 46px
}

.tron-min-w-80px {
  min-width: 80px
}

.tron-min-w-100px {
  min-width: 100px
}

.tron-min-w-140px {
  min-width: 140px
}

.tron-min-w-144px {
  min-width: 144px
}

.tron-max-w-50px {
  max-width: 50px
}

.tron-max-w-70px {
  max-width: 70px
}

.tron-max-w-80px {
  max-width: 80px
}

.tron-max-w-90px {
  max-width: 90px
}

.tron-max-w-100px {
  max-width: 100px
}

.tron-max-w-120px {
  max-width: 120px
}

.tron-max-w-142px {
  max-width: 142px
}

.tron-max-w-150px {
  max-width: 150px
}

.tron-max-w-154px {
  max-width: 154px
}

.tron-max-w-164px {
  max-width: 164px
}

.tron-max-w-170px {
  max-width: 170px
}

.tron-max-w-350px {
  max-width: 350px
}

.tron-m-0px {
  margin: 0 !important
}

.tron-ml-auto {
  margin-left: auto !important
}

.tron-mt-2px {
  margin-top: 2px
}

.tron-mt-3px {
  margin-top: 3px
}

.tron-mt-4px {
  margin-top: 4px
}

.tron-mt-5px {
  margin-top: 5px
}

.tron-mt-6px {
  margin-top: 6px
}

.tron-mt-7px {
  margin-top: 7px
}

.tron-mt-8px {
  margin-top: 8px
}

.tron-mt-10px {
  margin-top: 10px
}

.tron-mt-12px {
  margin-top: 12px
}

.tron-mt-13px {
  margin-top: 13px
}

.tron-mt-14px {
  margin-top: 14px
}

.tron-mt-15px {
  margin-top: 15px
}

.tron-mt-16px {
  margin-top: 16px
}

.tron-mt-20px {
  margin-top: 20px
}

.tron-mt-24px {
  margin-top: 24px
}

.tron-mt-30px {
  margin-top: 30px
}

.tron-mr-2px {
  margin-right: 2px
}

.tron-mr-3px {
  margin-right: 3px
}

.tron-mr-4px {
  margin-right: 4px
}

.tron-mr-5px {
  margin-right: 5px
}

.tron-mr-6px {
  margin-right: 6px
}

.tron-mr-7px {
  margin-right: 7px
}

.tron-mr-8px {
  margin-right: 8px
}

.tron-mr-10px {
  margin-right: 10px
}

.tron-mr-12px {
  margin-right: 12px
}

.tron-mr-13px {
  margin-right: 13px
}

.tron-mr-14px {
  margin-right: 14px
}

.tron-mr-15px {
  margin-right: 15px
}

.tron-mr-16px {
  margin-right: 16px
}

.tron-mr-20px {
  margin-right: 20px
}

.tron-mr-24px {
  margin-right: 24px
}

.tron-mr-30px {
  margin-right: 30px
}

.tron-mb-2px {
  margin-bottom: 2px
}

.tron-mb-3px {
  margin-bottom: 3px
}

.tron-mb-4px {
  margin-bottom: 4px
}

.tron-mb-5px {
  margin-bottom: 5px
}

.tron-mb-6px {
  margin-bottom: 6px
}

.tron-mb-7px {
  margin-bottom: 7px
}

.tron-mb-8px {
  margin-bottom: 8px
}

.tron-mb-10px {
  margin-bottom: 10px
}

.tron-mb-12px {
  margin-bottom: 12px
}

.tron-mb-13px {
  margin-bottom: 13px
}

.tron-mb-14px {
  margin-bottom: 14px
}

.tron-mb-15px {
  margin-bottom: 15px
}

.tron-mb-16px {
  margin-bottom: 16px
}

.tron-mb-20px {
  margin-bottom: 20px
}

.tron-mb-24px {
  margin-bottom: 24px
}

.tron-mb-30px {
  margin-bottom: 30px
}

.tron-ml-2px {
  margin-left: 2px
}

.tron-ml-3px {
  margin-left: 3px
}

.tron-ml-4px {
  margin-left: 4px
}

.tron-ml-5px {
  margin-left: 5px
}

.tron-ml-6px {
  margin-left: 6px
}

.tron-ml-7px {
  margin-left: 7px
}

.tron-ml-8px {
  margin-left: 8px
}

.tron-ml-10px {
  margin-left: 10px
}

.tron-ml-12px {
  margin-left: 12px
}

.tron-ml-13px {
  margin-left: 13px
}

.tron-ml-14px {
  margin-left: 14px
}

.tron-ml-15px {
  margin-left: 15px
}

.tron-ml-16px {
  margin-left: 16px
}

.tron-ml-20px {
  margin-left: 20px
}

.tron-ml-24px {
  margin-left: 24px
}

.tron-ml-30px {
  margin-left: 30px
}

.tron-m-2px {
  margin: 2px
}

.tron-m-3px {
  margin: 3px
}

.tron-m-4px {
  margin: 4px
}

.tron-m-5px {
  margin: 5px
}

.tron-m-6px {
  margin: 6px
}

.tron-m-7px {
  margin: 7px
}

.tron-m-8px {
  margin: 8px
}

.tron-m-10px {
  margin: 10px
}

.tron-m-12px {
  margin: 12px
}

.tron-m-13px {
  margin: 13px
}

.tron-m-14px {
  margin: 14px
}

.tron-m-15px {
  margin: 15px
}

.tron-m-16px {
  margin: 16px
}

.tron-m-20px {
  margin: 20px
}

.tron-m-24px {
  margin: 24px
}

.tron-m-30px {
  margin: 30px
}

.tron-ml-3 {
  margin-left: 1rem
}

.tron-mr-3 {
  margin-right: 1rem
}

.tron-mb-4 {
  margin-bottom: 1.5rem
}

.tron-pt-0px {
  padding-top: 0
}

.tron-pt-4px {
  padding-top: 4px
}

.tron-pt-5px {
  padding-top: 5px
}

.tron-pt-6px {
  padding-top: 6px
}

.tron-pt-10px {
  padding-top: 10px
}

.tron-pt-12px {
  padding-top: 12px
}

.tron-pt-15px {
  padding-top: 15px
}

.tron-pt-16px {
  padding-top: 16px
}

.tron-pt-20px {
  padding-top: 20px
}

.tron-pt-30px {
  padding-top: 30px
}

.tron-pt-40px {
  padding-top: 40px
}

.tron-pr-0px {
  padding-right: 0
}

.tron-pr-4px {
  padding-right: 4px
}

.tron-pr-5px {
  padding-right: 5px
}

.tron-pr-6px {
  padding-right: 6px
}

.tron-pr-10px {
  padding-right: 10px
}

.tron-pr-12px {
  padding-right: 12px
}

.tron-pr-15px {
  padding-right: 15px
}

.tron-pr-16px {
  padding-right: 16px
}

.tron-pr-20px {
  padding-right: 20px
}

.tron-pr-30px {
  padding-right: 30px
}

.tron-pr-40px {
  padding-right: 40px
}

.tron-pb-0px {
  padding-bottom: 0
}

.tron-pb-4px {
  padding-bottom: 4px
}

.tron-pb-5px {
  padding-bottom: 5px
}

.tron-pb-6px {
  padding-bottom: 6px
}

.tron-pb-10px {
  padding-bottom: 10px
}

.tron-pb-12px {
  padding-bottom: 12px
}

.tron-pb-15px {
  padding-bottom: 15px
}

.tron-pb-16px {
  padding-bottom: 16px
}

.tron-pb-20px {
  padding-bottom: 20px
}

.tron-pb-30px {
  padding-bottom: 30px
}

.tron-pb-40px {
  padding-bottom: 40px
}

.tron-pl-0px {
  padding-left: 0
}

.tron-pl-4px {
  padding-left: 4px
}

.tron-pl-5px {
  padding-left: 5px
}

.tron-pl-6px {
  padding-left: 6px
}

.tron-pl-10px {
  padding-left: 10px
}

.tron-pl-12px {
  padding-left: 12px
}

.tron-pl-15px {
  padding-left: 15px
}

.tron-pl-16px {
  padding-left: 16px
}

.tron-pl-20px {
  padding-left: 20px
}

.tron-pl-30px {
  padding-left: 30px
}

.tron-pl-40px {
  padding-left: 40px
}

.tron-p-0px {
  padding: 0
}

.tron-p-4px {
  padding: 4px
}

.tron-p-5px {
  padding: 5px
}

.tron-p-6px {
  padding: 6px
}

.tron-p-10px {
  padding: 10px
}

.tron-p-12px {
  padding: 12px
}

.tron-p-15px {
  padding: 15px
}

.tron-p-16px {
  padding: 16px
}

.tron-p-20px {
  padding: 20px
}

.tron-p-30px {
  padding: 30px
}

.tron-p-40px {
  padding: 40px
}

.tron-ptI-0px {
  padding-top: 0 !important
}

.tron-ptI-4px {
  padding-top: 4px !important
}

.tron-ptI-5px {
  padding-top: 5px !important
}

.tron-ptI-6px {
  padding-top: 6px !important
}

.tron-ptI-10px {
  padding-top: 10px !important
}

.tron-ptI-12px {
  padding-top: 12px !important
}

.tron-ptI-15px {
  padding-top: 15px !important
}

.tron-ptI-16px {
  padding-top: 16px !important
}

.tron-ptI-20px {
  padding-top: 20px !important
}

.tron-ptI-30px {
  padding-top: 30px !important
}

.tron-ptI-40px {
  padding-top: 40px !important
}

.tron-prI-0px {
  padding-right: 0 !important
}

.tron-prI-4px {
  padding-right: 4px !important
}

.tron-prI-5px {
  padding-right: 5px !important
}

.tron-prI-6px {
  padding-right: 6px !important
}

.tron-prI-10px {
  padding-right: 10px !important
}

.tron-prI-12px {
  padding-right: 12px !important
}

.tron-prI-15px {
  padding-right: 15px !important
}

.tron-prI-16px {
  padding-right: 16px !important
}

.tron-prI-20px {
  padding-right: 20px !important
}

.tron-prI-30px {
  padding-right: 30px !important
}

.tron-prI-40px {
  padding-right: 40px !important
}

.tron-pbI-0px {
  padding-bottom: 0 !important
}

.tron-pbI-4px {
  padding-bottom: 4px !important
}

.tron-pbI-5px {
  padding-bottom: 5px !important
}

.tron-pbI-6px {
  padding-bottom: 6px !important
}

.tron-pbI-10px {
  padding-bottom: 10px !important
}

.tron-pbI-12px {
  padding-bottom: 12px !important
}

.tron-pbI-15px {
  padding-bottom: 15px !important
}

.tron-pbI-16px {
  padding-bottom: 16px !important
}

.tron-pbI-20px {
  padding-bottom: 20px !important
}

.tron-pbI-30px {
  padding-bottom: 30px !important
}

.tron-pbI-40px {
  padding-bottom: 40px !important
}

.tron-plI-0px {
  padding-left: 0 !important
}

.tron-plI-4px {
  padding-left: 4px !important
}

.tron-plI-5px {
  padding-left: 5px !important
}

.tron-plI-6px {
  padding-left: 6px !important
}

.tron-plI-10px {
  padding-left: 10px !important
}

.tron-plI-12px {
  padding-left: 12px !important
}

.tron-plI-15px {
  padding-left: 15px !important
}

.tron-plI-16px {
  padding-left: 16px !important
}

.tron-plI-20px {
  padding-left: 20px !important
}

.tron-plI-30px {
  padding-left: 30px !important
}

.tron-plI-40px {
  padding-left: 40px !important
}

.tron-pI-0px {
  padding: 0 !important
}

.tron-pI-4px {
  padding: 4px !important
}

.tron-pI-5px {
  padding: 5px !important
}

.tron-pI-6px {
  padding: 6px !important
}

.tron-pI-10px {
  padding: 10px !important
}

.tron-pI-12px {
  padding: 12px !important
}

.tron-pI-15px {
  padding: 15px !important
}

.tron-pI-16px {
  padding: 16px !important
}

.tron-pI-20px {
  padding: 20px !important
}

.tron-pI-30px {
  padding: 30px !important
}

.tron-pI-40px {
  padding: 40px !important
}

.tron-plr-15px {
  padding: 0 15px
}

.font-family-lato {
  font-family: Lato
}

.tron-font-size-8px {
  font-size: 12px;
  *font-size: 8px;
  transform: scale(.66)
}

.tron-font-size-10px {
  font-size: 12px;
  *font-size: 10px;
  transform: scale(.83)
}

.tron-font-size-12px {
  font-size: 12px
}

.tron-font-size-14px {
  font-size: 14px
}

.tron-font-size-16px {
  font-size: 16px
}

.tron-font-size-18px {
  font-size: 18px
}

.tron-font-size-20px {
  font-size: 20px
}

.tron-font-size-22px {
  font-size: 22px
}

.tron-font-size-24px {
  font-size: 24px
}

.tron-font-size-30px {
  font-size: 30px
}

.tron-font-size-60px {
  font-size: 60px
}

.tron-font-weight-normal {
  font-weight: 400 !important
}

.tron-font-weight-400 {
  font-weight: 400
}

.tron-font-weight-500 {
  font-weight: 500
}

.tron-font-weight-600 {
  font-weight: 600
}

.tron-font-weight-700 {
  font-weight: 700
}

.tron-line-height-14px {
  line-height: 14px
}

.tron-line-height-16px {
  line-height: 16px
}

.tron-line-height-17px {
  line-height: 17px
}

.tron-line-height-18px {
  line-height: 18px
}

.tron-line-height-20px {
  line-height: 20px
}

.tron-line-height-24px {
  line-height: 24px
}

.tron-line-height-30px {
  line-height: 30px
}

.tron-line-height-40px {
  line-height: 40px
}

.tron-color-gray-dark {
  color: #91979d
}

.tron-color-white {
  color: #fff
}

.tron-color-warning {
  color: #fd8e39
}

.tron-color-warning-darker {
  color: #7f471c
}

.tron-color-gray-default {
  color: #c2c9d1
}

.tron-color-black2 {
  color: #404245
}

.tron-color-increase {
  color: #2d912c
}

.tron-color-reduce {
  color: #c23631
}

.tron-bg-white {
  background: #fff
}

.tron-bg-red-lighter3 {
  background-color: #f4e6e6
}

.tron-bg-gray-lighter {
  background-color: #f0f2f3
}

.tron-fron-success-dark-color {
  color: #2d912c
}

.tron-font-black-level3-color {
  color: #73787b !important
}

.tron-font-default-color {
  color: #101010
}

.tron-font-active-color {
  color: #c23631 !important
}

.tron-font-color-black2 {
  color: #404245
}

.tron-font-color-black {
  color: #000
}

.tron-font-disabled-color {
  color: #00000040
}

.color101010 {
  color: #101010
}

.tron-icon-rotate-180 {
  transform: rotate(180deg)
}

.tron-icon-rotate-90 {
  transform: rotate(90deg)
}

.tron-icon-rotate-270 {
  transform: rotate(270deg)
}

.tron-cursor-pointer {
  cursor: pointer
}

.tron-cursor-default {
  cursor: default
}

.tron-cursor-not-allowed {
  cursor: not-allowed
}

.tron-pointer-events-none {
  pointer-events: none
}

.tron-link-no-underline {
  text-decoration: none
}

.tron-link-no-underline-important,
.tron-link-no-underline-important:hover {
  text-decoration: none !important
}

.tron-link-underline {
  text-decoration: underline
}

.tron-border-radius-4px {
  border-radius: 4px
}

.tron-border-radius-10px {
  border-radius: 10px
}

.tron-border-radius-20px {
  border-radius: 20px
}

.tron-border-radius-30px {
  border-radius: 30px
}

.tron-border-radius-50 {
  border-radius: 50%
}

.tron-border-radius-100 {
  border-radius: 100%
}

.tron-user-select-text {
  -webkit-user-select: text;
  user-select: text
}

.tron-text-align-center {
  text-align: center
}

.tron-align-items-flex-start {
  align-items: flex-start
}

.tron-text-right {
  text-align: right
}

.tron-white-space-nowrap {
  white-space: nowrap
}

.tron-btn-confirm {
  background-color: #101010;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100%
}

.tron-btn-confirm:hover {
  background-color: #c23631
}

.tron-empty-wrapper {
  padding: 20px;
  text-align: center
}

.tron-empty-wrapper .tron-empty-img {
  margin-bottom: 10px;
  text-align: center
}

.tron-empty-wrapper .tron-empty-img .tron-empty-icon {
  height: 60px;
  width: 60px
}

.tron-empty-wrapper .tron-empty-content {
  color: #73787b;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center
}

.tron-loading-icon {
  animation: loading 1s linear infinite
}

@media screen and (max-width:768px) {
  .md-tron-font-size-14px {
    font-size: 14px
  }

  .md-tron-font-size-20px {
    font-size: 20px
  }
}

.lh-100 {
  line-height: 1
}

.lh-125 {
  line-height: 1.25
}

.lh-150 {
  line-height: 1.5
}

.lh-175 {
  line-height: 1.75
}

.ml-1 {
  margin-left: .25rem
}

.mr-1 {
  margin-right: .25rem
}

.ml-2 {
  margin-left: .5rem
}

.mr-2 {
  margin-right: .5rem
}

.text-white-50 {
  color: #ffffff80
}

.box-shadow {
  box-shadow: 0 .25rem .75rem #0000000d
}

.break-word {
  word-break: break-all
}

.hyphens-auto {
  -webkit-hyphens: auto;
  hyphens: auto
}

.col-red {
  color: #e60815
}

.col-green {
  color: #69c265
}

.col-gray {
  color: #999
}

.ant-btn:focus span,
.ant-btn:hover span {
  color: #fff !important
}

.success.ant-btn:hover {
  background: #89d086;
  border-color: #fff
}

.warning.ant-btn:hover {
  background: #ed7979;
  border-color: #fff
}

@media screen and (max-width:768px) {
  .mobile-date-picker-wrap {
    justify-content: center
  }

  .mobile-date-picker-wrap .date-img {
    height: 26px
  }

  .mobile-date-picker-wrap .date-img>.anticon-calendar {
    font-size: 14px;
    margin-left: 0 !important
  }

  .anticon-calendar:focus,
  .anticon-calendar:hover,
  .timeRangeSelectActive .date-img>.anticon-calendar {
    color: #c23631 !important
  }
}

.ant-card,
.ant-menu,
.ant-modal,
.ant-radio-wrapper .ant-radio,
.ant-select .ant-picker-dropdown,
.ant-table-wrapper .ant-table,
.container .ant-pagination .ant-pagination-item,
[class*=" ant-btn"],
[class*=" ant-dropdown-menu"],
[class*=" ant-input"],
[class*=" ant-layout"],
[class*=" ant-menu"],
[class*=" ant-modal"],
[class*=" ant-picker"],
[class*=" ant-radio"],
[class*=" ant-select"],
[class*=" ant-spin"],
[class*=" ant-table"],
[class*=" ant-tabs"],
[class^=ant-btn],
[class^=ant-dropdown-menu],
[class^=ant-input],
[class^=ant-layout],
[class^=ant-menu],
[class^=ant-modal],
[class^=ant-picker],
[class^=ant-radio],
[class^=ant-select],
[class^=ant-spin],
[class^=ant-table],
[class^=ant-tabs] {
  font-family: Lato, PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, Android Emoji, EmojiSymbols
}

.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
  border-color: #000;
  color: #101010
}

.ant-select-focused.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  border-color: #e0e4e8
}

.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled) {
  background: #c23631
}

.ant-menu-light .ant-menu-submenu-selected>.ant-menu-submenu-title,
.ant-menu-light>.ant-menu .ant-menu-submenu-selected>.ant-menu-submenu-title {
  color: #c23631
}

.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled) {
  background: #3cc31b
}

.ant-menu-light .ant-menu-item a,
.ant-menu-light .ant-menu-item a:hover,
.ant-menu-light>.ant-menu .ant-menu-item a,
.ant-menu-light>.ant-menu .ant-menu-item a:hover {
  color: #000000d9
}

.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
  border-color: #c23631;
  color: #c23631
}

.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover .ant-wave.wave-motion-appear-active,
.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover div .ant-wave.wave-motion-appear-active {
  box-shadow: none;
  display: none
}

.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover .ant-wave.wave-motion-appear,
.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover div .ant-wave.wave-motion-appear {
  transition: none
}

.ant-input-disabled:hover,
.ant-input[disabled]:hover {
  background: none
}

.ant-radio-wrapper .ant-radio-checked:after,
.ant-radio-wrapper:hover .ant-radio-inner,
.ant-radio-wrapper:hover.ant-radio-wrapper {
  border-color: #404245
}

.ant-radio-button-wrapper {
  transition: none
}

.ant-radio-button-wrapper>div .wave-motion-appear-active {
  display: none
}

.ant-table-wrapper .ant-table-thead>tr>th {
  font-weight: 500
}

.ant-modal .ant-modal-close:hover {
  background-color: #0000
}

.ant-click-animating-node,
[ant-click-animating-without-extra-node=true]:after {
  box-shadow: none
}

.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #c23631
}

.ant-wave-target>div .wave-motion-appear-active {
  display: none
}

.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
  background-color: #404245
}

.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
  border-color: #c23631
}

.ant-checkbox .ant-checkbox-input:focus-visible+.ant-checkbox-inner,
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:focus-visible,
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title:focus-visible,
.ant-dropdown .ant-dropdown-menu:focus-visible,
.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item:focus-visible,
.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title:focus-visible,
.ant-dropdown-menu-submenu .ant-dropdown-menu:focus-visible,
.ant-menu-light .ant-menu-item:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-light .ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-light.ant-menu-root:focus-visible,
.ant-menu-light>.ant-menu .ant-menu-item:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-light>.ant-menu .ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-light>.ant-menu.ant-menu-root:focus-visible,
.ant-pagination:not(.ant-pagination-disabled) .ant-pagination-item:focus-visible,
.ant-pagination:not(.ant-pagination-disabled) .ant-pagination-jump-next:focus-visible,
.ant-pagination:not(.ant-pagination-disabled) .ant-pagination-jump-prev:focus-visible,
.ant-radio-wrapper .ant-radio-input:focus-visible+.ant-radio-inner {
  outline: none
}

body.tron-light {
  font-family: Lato, PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, Android Emoji, EmojiSymbols;
  overflow-y: auto
}

body,
html {
  height: 100%
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}

li,
ul {
  list-style: none
}

ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin: 0;
  padding-inline-start: 0
}

#root {
  display: flex;
  flex-direction: column;
  height: 100%
}

.header-top {
  flex-shrink: 0
}

main {
  flex: 1 0 auto;
  padding-bottom: 80px
}

@media screen and (max-width:768px) {
  main.container {
    padding-bottom: 60px !important
  }
}

body a {
  color: #c23631
}

body a:hover:not(.btn) {
  color: #c53027 !important;
  text-decoration: none
}

button:focus {
  outline: none !important
}

.f-12 {
  font-size: 12px;
  height: 12px;
  line-height: 12px
}

.logo {
  height: 23px;
  margin-top: 8px
}

.logoNoPrice {
  height: 23px;
  margin-top: 19px;
  width: 94px
}

.block {
  background-color: #2c2c2c;
  color: var(--white);
  padding: 10px
}

.node-map {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 108px;
  z-index: 90
}

.social {
  font-size: 20px
}

.dropdown-menu-right {
  left: auto;
  right: 0;
  z-index: 999
}

.cursor-pointer {
  cursor: pointer
}

.cursor-default {
  cursor: default
}

.colorBold {
  color: #101010
}

.chart-wrap-new .highcharts-root .highcharts-range-selector-group .highcharts-range-selector-buttons .highcharts-button.highcharts-button-pressed .highcharts-button-box {
  fill: #101010
}

.ant-picker-date-range-wrapper .ant-picker-panel-container {
  border-radius: 10px
}

.ant-radio-group-new .ant-radio-group {
  background: linear-gradient(0deg, #ffffffa6, #ffffffa6), #c2c9d1;
  border: none;
  border-radius: 5px;
  color: #101010;
  height: 24px;
  line-height: 24px
}

.ant-radio-group-new .ant-radio-group.ant-radio-group-middle {
  background: #edf0f4;
  border-radius: 8px;
  height: 32px;
  padding: 3px 4px
}

.ant-radio-group-new .ant-radio-group.ant-radio-group-middle .ant-radio-button-wrapper {
  color: #101010;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  padding: 0 12px
}

.ant-radio-group-new .ant-radio-group.ant-radio-group-middle .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: linear-gradient(0deg, #101010, #101010), #c2c9d1;
  border-radius: 6px
}

.ant-radio-group-new .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #101010;
  border: none;
  border-radius: 5px;
  box-shadow: none;
  color: #fff !important
}

.ant-radio-group-new .ant-radio-button-wrapper {
  background: #0000;
  border: none;
  color: #91979d;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  padding: 0 10px
}

.dropdown-toggle:after {
  vertical-align: .1em
}

.sub-header {
  padding-bottom: 0
}

.new-sub-header {
  padding-bottom: 30px
}

.header-overlap .activeAccounts .ant-table-body table {
  padding: 0 30px
}

.common-scrollbar {
  overflow-y: auto
}

.common-scrollbar::-webkit-scrollbar {
  height: 2px;
  width: 2px
}

.common-scrollbar::-webkit-scrollbar-thumb {
  background: #e0e4e8;
  border-radius: 10px
}

@media(max-width:991.98px) {
  body {
    font-size: .8rem
  }
}

@media(max-width:767.98px) {
  body {
    font-size: .6rem
  }
}

tr:hover a {
  color: #c53027 !important
}

tr:hover a,
tr:hover a:hover {
  text-decoration: none;
  transition: color .1s ease-in
}

tr:hover a:hover {
  color: #e50915 !important
}

tr a {
  color: #333;
  text-decoration: none;
  transition: color .5s ease-in
}

.no-hover {
  pointer-events: none
}

.box-shadow {
  box-shadow: 0 5px 20px 5px #0000000d !important
}

.ad-1s,
.animation-delay-1s {
  animation-delay: 1s
}

.ad-2s,
.animation-delay-2s {
  animation-delay: 2s
}

.ad-3s,
.animation-delay-3s {
  animation-delay: 3s
}

.ad-4s,
.animation-delay-4s {
  animation-delay: 4s
}

.ad-5s,
.animation-delay-5s {
  animation-delay: 5s
}

.ad-6s,
.animation-delay-6s {
  animation-delay: 6s
}

.ad-7s,
.animation-delay-7s {
  animation-delay: 7s
}

.ad-8s,
.animation-delay-8s {
  animation-delay: 8s
}

.ad-9s,
.animation-delay-9s {
  animation-delay: 9s
}

.ad-10s,
.animation-delay-10s {
  animation-delay: 10s
}

.ad-200ms,
.animation-delay-200ms {
  animation-delay: .2s
}

.ad-300ms,
.animation-delay-300ms {
  animation-delay: .3s
}

.ad-400ms,
.animation-delay-400ms {
  animation-delay: .4s
}

.ad-500ms,
.animation-delay-500ms {
  animation-delay: .5s
}

.ad-600ms,
.animation-delay-600ms {
  animation-delay: .6s
}

.ad-700ms,
.animation-delay-700ms {
  animation-delay: .7s
}

.ad-800ms,
.animation-delay-800ms {
  animation-delay: .8s
}

.ad-900ms,
.animation-delay-900ms {
  animation-delay: .9s
}

.ad-1000ms,
.animation-delay-1000ms {
  animation-delay: 1s
}

.ad-1100ms,
.animation-delay-1100ms {
  animation-delay: 1.1s
}

.ad-1200ms,
.animation-delay-1200ms {
  animation-delay: 1.2s
}

.ad-1300ms,
.animation-delay-1300ms {
  animation-delay: 1.3s
}

.ad-1400ms,
.animation-delay-1400ms {
  animation-delay: 1.4s
}

.ad-1500ms,
.animation-delay-1500ms {
  animation-delay: 1.5s
}

.ad-1600ms,
.animation-delay-1600ms {
  animation-delay: 1.6s
}

.ad-1700ms,
.animation-delay-1700ms {
  animation-delay: 1.7s
}

.ad-1800ms,
.animation-delay-1800ms {
  animation-delay: 1.8s
}

.ad-1900ms,
.animation-delay-1900ms {
  animation-delay: 1.9s
}

.ad-2000ms,
.animation-delay-2000ms {
  animation-delay: 2s
}

.ad-2100ms,
.animation-delay-2100ms {
  animation-delay: 2.1s
}

.ad-2200ms,
.animation-delay-2200ms {
  animation-delay: 2.2s
}

.ad-2300ms,
.animation-delay-2300ms {
  animation-delay: 2.3s
}

.ad-2400ms,
.animation-delay-2400ms {
  animation-delay: 2.4s
}

.ad-2500ms,
.animation-delay-2500ms {
  animation-delay: 2.5s
}

.ad-2600ms,
.animation-delay-2600ms {
  animation-delay: 2.6s
}

.ad-2700ms,
.animation-delay-2700ms {
  animation-delay: 2.7s
}

.ad-2800ms,
.animation-delay-2800ms {
  animation-delay: 2.8s
}

.ad-2900ms,
.animation-delay-2900ms {
  animation-delay: 2.9s
}

.ad-3000ms,
.animation-delay-3000ms {
  animation-delay: 3s
}

.ad-3100ms,
.animation-delay-3100ms {
  animation-delay: 3.1s
}

.ad-3200ms,
.animation-delay-3200ms {
  animation-delay: 3.2s
}

.ad-3300ms,
.animation-delay-3300ms {
  animation-delay: 3.3s
}

.ad-3400ms,
.animation-delay-3400ms {
  animation-delay: 3.4s
}

.ad-3500ms,
.animation-delay-3500ms {
  animation-delay: 3.5s
}

.ad-3600ms,
.animation-delay-3600ms {
  animation-delay: 3.6s
}

.ad-3700ms,
.animation-delay-3700ms {
  animation-delay: 3.7s
}

.ad-3800ms,
.animation-delay-3800ms {
  animation-delay: 3.8s
}

.ad-3900ms,
.animation-delay-3900ms {
  animation-delay: 3.9s
}

.ad-4000ms,
.animation-delay-4000ms {
  animation-delay: 4s
}

.animate-hover {
  animation-play-state: paused
}

.animate-hover:hover {
  animation-play-state: running
}

.box-shadow-none {
  box-shadow: none !important
}

.position-stretch {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0
}

.video {
  max-height: 600px
}

.btn-tron {
  background-color: #c53027;
  border-color: #e50915;
  color: #fff
}

.btn-tron:hover {
  background-color: #e50915;
  border-color: #c53027;
  color: #fff
}

.btn-default-sm-new,
a.btn-default-sm-new {
  align-items: center;
  background: #101010;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  height: 30px;
  justify-content: center;
  padding: 0 20px
}

.btn-default-sm-new:hover,
a.btn-default-sm-new:hover {
  background-color: #c23631;
  color: #c23631
}

.btn-white,
.btn-white:hover {
  background-color: #fff;
  border-color: #343a40
}

.btn-danger {
  background-color: #c43127;
  border-color: #c53027;
  color: #fff
}

.btn-grey {
  background-color: #d2d1d1;
  border-color: #d2d1d1;
  color: #fff
}

@media(min-width:768px) {
  #root {
    min-width: 1424px;
    width: 100%
  }
}

@media only screen and (max-width:767px) {
  #root {
    min-width: 100%;
    width: 100%
  }

  .more-menu {
    flex-direction: column !important;
    min-width: 100% !important
  }

  .navbar-collapse {
    padding-top: 10px
  }

  .navbar-collapse .dropdown-menu.show .dropdown-item:hover {
    background-color: #353a40
  }

  .show-mobile {
    display: block !important
  }

  .hidden-mobile {
    display: none !important
  }

  .sub-header {
    text-align: left
  }

  .sub-header h4.transaction-m {
    line-height: 1;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 8px
  }

  .container button {
    font-size: 11px
  }
}

.show-mobile {
  display: none
}

.hidden-mobile {
  display: block
}

.bg-grey {
  background-color: #d2d1d1
}

.bg-super-dark {
  background-color: #000
}

.bg-light-grey {
  background-color: #f2f2f2
}

.badge-notify {
  background: green;
  color: #fff;
  left: -2px;
  position: absolute;
  top: 3px
}

.badge-red {
  background-color: #c43127;
  padding: 15px 20px
}

.scrollbar-dark::-webkit-scrollbar-track {
  background-color: #f5f5f5
}

.scrollbar-dark::-webkit-scrollbar {
  background-color: #f5f5f5;
  width: 12px
}

.scrollbar-dark::-webkit-scrollbar-thumb {
  background-color: #2c2c2c;
  -webkit-box-shadow: inset 0 0 6px #0000004d
}

.news a {
  color: #325d88
}

.widget-icon {
  overflow: hidden;
  position: relative
}

.icon-big {
  bottom: 0;
  opacity: .5;
  position: absolute;
  right: 0
}

.truncate-ellipsis {
  display: table;
  table-layout: fixed;
  white-space: nowrap;
  width: 100%
}

.truncate-ellipsis.truncate-ellipsis-personal {
  display: inline-block;
  font-size: 14px;
  max-width: 100%;
  width: 100%
}

.truncate-ellipsis.truncate-ellipsis-personal>span {
  background: #f0f2f3;
  border-radius: 4px;
  display: inline-block;
  line-height: 14px;
  max-width: 100%;
  overflow: hidden;
  padding: 5px 8px;
  text-overflow: ellipsis
}

.truncate-ellipsis>* {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis
}

.pagination {
  color: #000;
  font-weight: 300;
  text-transform: none
}

.pagination .page-item .page-link {
  padding: 12px
}

.pagination .input-group .page-link {
  padding-bottom: 0;
  padding-top: 10px
}

.pagination .input-group a:hover select {
  color: #000
}

.pagination .selectForPaging {
  max-height: 30px;
  width: 65px
}

.inputForPaging {
  border: 1px solid #dfd7ca;
  height: 20px;
  padding: 2px 6px;
  position: relative;
  width: 60px
}

.inputForPaging,
.selectForPaging {
  margin-bottom: -5px;
  margin-top: -5px
}

th {
  white-space: nowrap
}

.leaflet-default-icon-path {
  background-image: url(/static/media/marker-icon-2x.6480dae0816f3fb638dc.png) !important
}

.leaflet-marker-shadow {
  background-image: url(/static/media/marker-shadow.65ef5f76b3f65db54e59.png) !important
}

.custom-filter-dropdown {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 6px #0003;
  padding: 8px
}

.ant-pagination-options-size-changer.ant-select {
  margin-right: 0
}

.custom-filter-dropdown input {
  margin-right: 8px;
  width: 130px
}

.highlight {
  color: #f50
}

.custom-filter-dropdown {
  margin-left: 20px
}

.fa_width {
  width: 15px !important
}

.fa_width_20 {
  font-size: 2rem;
  width: 22px !important
}

#dropdownMenuButton:hover {
  color: red;
  cursor: pointer
}

.contract>.card>.card-body p {
  color: gray;
  margin: auto 0
}

._confirm_button {
  margin-right: 0 !important
}

.mt-5-logo img {
  height: 100px;
  margin-left: -16px
}

.nav-stats-block {
  display: none
}

.navbar-nav .dropdown-menu {
  float: none;
  position: static
}

@media only screen and (min-device-width:768px)and (max-device-width:1024px) {
  .home-stats>div h2 span {
    font-size: 22px
  }

  .home-stats>div p span {
    font-size: 12px
  }
}

@media(max-width:767.98px) {
  .logo {
    margin-right: 6px;
    margin-top: 6px
  }

  .nav-item .nav-login-wallet {
    display: none !important
  }

  .nav-item .account-dropdown-menu,
  .nav-item .nav-login-wallet,
  .nav-static .account-dropdown-menu,
  .nav-static .nav-login-wallet {
    bottom: auto !important;
    float: none;
    left: auto;
    position: absolute;
    right: -16px;
    inset: auto !important
  }

  .nav-item .account-dropdown-menu {
    overflow-y: scroll
  }

  .nav-item .wallet-notifications,
  .nav-static .wallet-notifications {
    float: none;
    left: auto;
    position: absolute;
    right: -70px;
    width: 250px
  }

  .nav-item .wallet-notifications * {
    font-size: 10px
  }

  .nav-item .wallet-notifications .media-body {
    width: 200px
  }

  .transfer-cell span {
    display: block;
    width: 40px
  }

  .wallet-nav {
    flex-direction: row
  }

  .wallet-nav .nav-item,
  .wallet-nav .nav-static {
    margin-left: 10px
  }

  .home-stats {
    margin-top: 0
  }

  .home .media-body,
  .home-stats {
    flex-direction: column
  }

  .nav-stats-none {
    display: none
  }

  .nav-stats-block {
    display: block
  }

  .home-stats>div h2 span {
    font-size: 18px
  }

  .home-stats>div p span {
    font-size: 12px
  }

  .mt-5-logo img {
    height: 60px
  }

  .navbar {
    align-items: flex-start
  }

  .loginInfoNavBar .navbar {
    align-items: center
  }

  .pagination .page-item .page-link {
    padding: 8px
  }

  .pagination .input-group .page-link {
    padding-bottom: 0;
    padding-top: 6px
  }
}

@media only screen and (max-width:768px) {
  .apply-super-btn {
    margin-left: -1.25rem;
    transform: scale(.9)
  }

  .contract-header h6 {
    font-size: 12px
  }
}

._context_right_click .react-contextmenu-wrapper .truncate-ellipsis {
  display: inline-block !important
}

.sr td,
.sr th {
  padding-left: 10px;
  padding-right: 10px
}

.token-logo {
  height: 50px !important;
  width: 50px !important
}

.token-description {
  margin-left: 20px
}

.loading-style {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -40%);
  z-index: 9999999
}

._text_nowrap {
  white-space: nowrap
}

a {
  color: #c23631
}

table a {
  color: #c23631 !important
}

h5 {
  font-size: 16px
}

.table-responsive td,
.table-responsive th {
  border-color: #f3f3f3
}

.mt-20 {
  margin-top: 20px
}

.mt-40 {
  margin-top: 30px
}

._apply span {
  color: #666 !important;
  font-family: Helvetica;
  font-size: 14px
}

._applyTitle span {
  color: #333;
  font-family: Helvetica-Bold;
  font-size: 14px
}

._applyDesc span {
  color: #666 !important;
  font-family: Helvetica;
  font-size: 13px
}

._applyDesc {
  margin-top: -10px
}

.modal-content {
  border-radius: 2px
}

._applyHeader {
  border-bottom: 0;
  padding-bottom: 0
}

._applyHeader span {
  color: #333;
  font-family: Helvetica-Bold;
  font-size: 16px
}

._applyHeader button span {
  font-size: 25px
}

._power span {
  color: #333 !important;
  font-family: Helvetica;
  font-size: 14px
}

.contract-code_body .contract-hide {
  display: none
}

.contract-code_body .contract-show {
  display: block
}

.contract-code_body .contract-error {
  color: #e60815;
  font-size: 14px;
  margin-left: 12px
}

.token-detail-btn {
  margin-left: 10px
}

@media screen and (max-width:768px) {
  .information-bg-item {
    width: 100%
  }

  .information-bg-item.ml {
    margin-left: 0
  }

  .table-scroll {
    overflow-x: auto !important
  }

  .table-scroll .card,
  .table-scroll .table {
    min-width: 800px !important;
    width: 800px !important
  }

  .table-scroll .w-1000,
  .table-scroll .w-1000 table {
    width: 1000px !important
  }

  .token-detail-btn {
    margin-left: 0;
    margin-top: 6px
  }
}

@media only screen and (max-width:768px) {
  .contract-header h6 {
    font-size: 12px
  }
}

.tip {
  border-radius: 2px;
  color: #fff;
  height: 22px;
  line-height: 22px;
  text-align: center;
  width: 40px
}

.tip-in {
  background: #69c265
}

.tip-out {
  background: #e0ae5c
}

.event-main tr {
  vertical-align: initial
}

.event-main .event .e-blue {
  color: #319ce5
}

.event-main .event .e-red {
  color: #ef7a75
}

.event-main .event .event-wapper {
  display: block
}

.event-main .event-topic p {
  font-size: 12px;
  height: 2em;
  line-height: 2em
}

.event-main .event-hex {
  font-size: 12px
}

.question-mark {
  align-items: center;
  background: #1010101a;
  border-radius: unset;
  border-radius: 4px !important;
  display: flex;
  height: .875rem;
  justify-content: center;
  position: relative;
  width: .875rem
}

.question-mark i {
  color: #3e3f3a !important;
  font-size: 10px !important;
  font-style: normal;
  font-weight: 500;
  visibility: hidden
}

.question-mark .question-mark-icon {
  font-size: 8px
}

.question-mark:hover {
  background: #adadb0
}

.question-mark:hover .question-mark-icon,
.question-mark:hover .question-mark-icon use {
  color: #101010 !important
}

.code-wapper {
  background: #eee;
  padding: 6px 12px
}

.code-wapper-item,
.code-wapper-item p {
  line-height: 2em;
  margin: 0
}

.contract-address-has_verified .contract_source_code_address {
  color: #333;
  font-size: 1rem
}

.contract-address-has_verified .click-here-to_view {
  white-space: nowrap
}

.contract-address-unable-error {
  color: #e60815
}

.contract-event-block-number {
  color: #c23631;
  font-family: Helvetica-Bold
}

.click-here-to_view {
  white-space: nowrap
}

.contract-address-text_underline {
  text-decoration: underline
}

@media only screen and (max-width:768px) {
  .balanceShowOverview {
    display: flex;
    flex-wrap: wrap
  }
}

.contract_trx_count {
  color: #101010 !important
}

.fiexd-none {
  transform: none !important
}

.ant_table_plan td:first-child {
  background-color: #c23631 !important;
  color: #fff
}

.tronics_plan_link {
  text-decoration: none !important
}

.tronics_plan_dec {
  text-decoration: underline
}

.tronics_plan_link:hover .tronics_plan_dec,
.tronics_plan_link:hover .tronics_plan_dec span {
  color: #c23631 !important
}

.account-switch .ant-switch {
  background-color: #666
}

.account-switch .ant-switch-checked {
  background-color: #c23631
}

.account-switch .ant-switch-inner {
  text-align: center;
  width: 2em
}

.apply_btn {
  background-color: #c53028;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  text-align: center;
  width: 120px
}

.apply_btn:hover,
.btn-plus-square:hover {
  color: #fff
}

.dex-inject {
  color: #69c265;
  margin-right: 20px
}

.dex-divestment,
.dex-inject {
  cursor: pointer;
  font-size: 14px
}

.dex-divestment {
  color: #f5a623;
  margin-left: 20px;
  margin-right: 8px
}

.tx-question-mark {
  margin-left: 4px;
  margin-top: -6px
}

.badge-success-radius {
  border-radius: 29px
}

.account-token-tab a:nth-child(3) {
  border-color: #ff7d00;
  color: #ff7d00 !important
}

.account-token-tab a:nth-child(3):hover {
  background-color: #ff7d00;
  color: #fff
}

.account-token-tab a:nth-child(3).active {
  background-color: #ff7d00
}

.account-token-tab a:nth-child(3).active span {
  color: #fff
}

.account-token-tab a:nth-child(3) span {
  color: #ff7d00
}

.account-token-tab a:nth-child(2) {
  border-color: #69c265;
  color: #69c265 !important
}

.account-token-tab a:nth-child(2):hover {
  background-color: #69c265;
  color: #fff
}

.account-token-tab a:nth-child(2).active {
  background-color: #69c265
}

.account-token-tab a:nth-child(2).active span {
  color: #fff
}

.account-token-tab a:nth-child(2) span {
  color: #69c265
}

.account-token-tab a:first-child {
  border-color: #c23631;
  color: #c23631
}

.account-token-tab a:first-child.active,
.account-token-tab a:first-child:hover {
  background-color: #c23631;
  color: #fff
}

.account-token-tab a:first-child.active span {
  color: #fff
}

.account-token-tab a:first-child span {
  color: #c23631
}

@media only screen and (max-width:768px) {

  .tonken10DetailMain,
  .tonken20DetailMain {
    padding-bottom: 40px
  }

  .tonken10DetailMain .mobile-distribution-title,
  .tonken20DetailMain .mobile-distribution-title {
    flex-direction: column
  }
}

.market-title {
  display: flex
}

.market-title .beginners-guide {
  color: #999;
  font-size: 12px;
  margin-left: 2px;
  margin-top: 4px
}

.market-title .beginners-guide a {
  margin-left: 5px
}

@media only screen and (max-width:768px) {
  .market-title .beginners-guide {
    color: #999;
    font-size: 12px;
    margin-top: 4px;
    transform: scale(.9)
  }

  .market-title .beginners-guide a {
    margin-left: 5px
  }
}

.dex-search {
  margin-bottom: 6px
}

.exchange-abbr-name {
  margin-left: 20px
}

.freeze-trx-premessage {
  max-width: 82%
}

@media only screen and (max-width:768px) {
  .freeze-trx-premessage {
    max-width: 100%
  }
}

.nav-login-wallet li div:hover,
.nav-login-wallet li:hover {
  background-color: #f3f3f3;
  color: #c23631;
  cursor: pointer
}

.dropdown-menu {
  margin-top: 0;
  top: 100%;
  z-index: 1000
}

.tokenBalances_id {
  color: #999
}

.nav_notice a,
.nav_notice a:active,
.nav_notice a:focus,
.nav_notice a:visited {
  text-decoration: none
}

@media only screen and (min-width:768px) {
  .hidden-PC {
    display: none
  }
}

.flex {
  display: flex
}

.token-img-top {
  position: relative
}

.token-img-top img {
  border-radius: 50%;
  height: 20px;
  width: 20px
}

.token-img-top i {
  background-image: url(/static/media/token-img-top.61193784ae64aeb69e1b.png);
  background-size: 100% 100%;
  height: 18px;
  width: 18px
}

.token-img-top .token-vip-icon,
.token-img-top i {
  bottom: -3px;
  position: absolute;
  right: -3px
}

.content {
  color: #333;
  font-size: 14px
}

.content_box_name {
  color: #666;
  font-size: 14px;
  line-height: 21px;
  padding-top: 10px;
  width: 174px
}

.content_name {
  font-size: 14px;
  min-width: 120px
}

.content_voting {
  color: #666;
  font-size: 12px;
  width: 150px
}

.content_item {
  padding: 10px 0
}

.content_item:last-child {
  border: none !important
}

.content_item .token-img-top img {
  border-radius: 50%
}

.content .flex1 {
  flex: 1 1
}

.content .border-bottom {
  border-color: #eee !important
}

.content .index-2 {
  margin-left: 20px
}

.content .index-3 {
  margin-left: 30px
}

.content .index-4 {
  margin-left: 40px
}

.content .index-5 {
  margin-left: 50px
}

.content .index-6 {
  margin-left: 60px
}

.content .index-7 {
  margin-left: 70px
}

.content .index-8 {
  margin-left: 80px
}

.content .index-9 {
  margin-left: 90px
}

.content .index-10 {
  margin-left: 100px
}

.band-item {
  margin-bottom: 10px
}

.trans-item-padding {
  flex-flow: wrap;
  padding: 0 0 10px
}

.token-list-info .tooltip-inner {
  max-width: 310px;
  text-align: center
}

.table-responsive-token {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  display: block;
  overflow-x: auto;
  width: 100%
}

.btt-supply-body {
  background-color: #fff !important;
  border: none !important
}

.address-token-tab {
  position: absolute;
  top: 66px;
  z-index: 999
}

@media only screen and (max-width:768px) {
  .address-token-tab {
    top: 0
  }

  .address-token-tab-mobile {
    top: 3.125rem
  }
}

.table-question-mark {
  display: block;
  float: right;
  margin-top: -22px
}

.table-question-mark-small {
  display: block;
  float: right;
  margin-top: -1px;
  padding-left: 5px
}

.table-question-mark-triggers {
  display: block;
  float: right;
  margin-top: -22px;
  padding-left: 30px
}

.ant-pagination-options-quick-jumper input {
  margin: 0 8px;
  width: 60px
}

.transfer-mt-100 {
  margin-top: 4.25rem
}

.transfer-pt-100 {
  background: #fff !important;
  margin-top: 0 !important;
  padding-top: 4.25rem !important
}

@media only screen and (max-width:768px) {
  .transfer-pt-100 {
    padding-top: 3.25rem !important
  }
}

.transfer-mp-0 {
  margin: 0;
  padding: 0 !important
}

@media only screen and (max-width:768px) {
  .transfers_pos_picker {
    top: -5px
  }
}

.transfers-bg-white {
  background-color: #fff
}

.trc20-ad-bg .ant-table-tbody tr.trc20-star-ad {
  cursor: pointer
}

.trc20-ad-bg .ant-table-tbody tr.trc20-star-ad:hover {
  background-color: #f8f9fa !important
}

.trc20-ad-bg .ant-table-tbody tr.trc20-star-ad td:first-child {
  position: relative
}

.trc20-ad-bg .ant-table-tbody tr.trc20-star-ad td:first-child .star-tip {
  background-image: url(/static/media/star_tip.ebcc0334f6cfdd2bac6e.png);
  background-size: 100% 100%;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px
}

.starbeat {
  display: inline-block
}

@keyframes starbeat {
  0% {
    transform: scale(.75)
  }

  20% {
    transform: scale(1)
  }

  40% {
    transform: scale(.75)
  }

  60% {
    transform: scale(1)
  }

  80% {
    transform: scale(.75)
  }

  to {
    transform: scale(.75)
  }
}

.bg-white .token-submit label {
  color: #404245;
  font-size: 14px;
  font-weight: 400
}

.bg-white .token-submit .form-check {
  align-items: center
}

.bg-white .token-submit .form-check .form-check-input {
  border-color: #404245;
  margin-right: 8px;
  margin-top: 0
}

.bg-white .token-submit .form-check .form-check-input:checked {
  -webkit-appearance: auto;
  appearance: auto
}

.bg-white .token-submit .form-check .form-check-input:focus {
  box-shadow: none
}

.bg-white .token-submit .border-dashed {
  background: #f0f2f3;
  border: 1px solid #e0e4e8;
  border-radius: 10px;
  color: #73787b;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding-left: 16px
}

.bg-white .token-submit .border-dashed-textarea {
  border-bottom: 1px dashed #eee;
  padding-bottom: 6px
}

.bg-white .token-submit .border-dashed-textarea textarea {
  background: #f0f2f3;
  border: 1px solid #e0e4e8;
  border-radius: 10px
}

.bg-white .token-submit .social-title {
  color: #101010;
  font-size: 16px;
  font-weight: 600
}

.bg-white .token-submit .create-token-btn-groups {
  text-align: center !important
}

.bg-white .token-submit .create-token-btn-groups .btn-pre {
  border: 1px solid #101010;
  border-radius: 10px;
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  width: 300px
}

.bg-white .token-submit .create-token-btn-groups .btn-next {
  background: #101010;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-left: 20px !important;
  width: 300px
}

@media only screen and (max-width:768px) {
  .bg-white .token-submit .create-token-btn-groups .btn-next {
    margin-left: 0 !important;
    margin-top: 20px
  }
}

.bg-white .token-result .result-failure .submit-result-button {
  margin-top: 0 !important;
  text-align: center
}

@media only screen and (max-width:768px) {
  .bg-white .token-result .result-failure .submit-result-button {
    flex-direction: column
  }

  .bg-white .token-result .result-failure .submit-result-button .btn-submit {
    font-size: 16px
  }
}

.bg-white .token-result .result-failure .submit-result-button .btn-pre {
  border: 1px solid #101010;
  border-radius: 10px;
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  width: 300px
}

.bg-white .token-result .result-failure .submit-result-button .btn-submit {
  background: #101010;
  border-radius: 10px;
  color: #fff;
  margin-left: 20px !important;
  width: 300px
}

.bg-white .token-result .result-failure .submit-result-button .btn-submit span {
  font-size: 16px
}

@media only screen and (max-width:768px) {
  .bg-white .token-result .result-failure .submit-result-button .btn-submit {
    margin-left: 0 !important;
    margin-top: 20px
  }
}

.result-failure,
.result-success {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 2.5rem
}

.result-failure img,
.result-success img {
  display: inline-block;
  height: 131px;
  width: 152px
}

.result-failure h5,
.result-success h5 {
  color: #333;
  font-family: PingFangSC-Semibold;
  font-size: 30px;
  margin-top: 1rem
}

.result-failure .failure-reason,
.result-success .failure-reason {
  color: #979797;
  font-size: 1rem
}

.result-failure .failure-reason p,
.result-success .failure-reason p {
  color: #979797
}

.result-failure.token img,
.result-success.token img {
  height: 60px;
  width: 60px
}

.result-failure.token .failure-reason,
.result-success.token .failure-reason {
  color: #999;
  font-size: .875rem;
  margin-bottom: 12px;
  margin-top: 12px !important
}

.result-failure.token .failure-reason p,
.result-success.token .failure-reason p {
  margin-bottom: .5rem
}

.result-failure.token h5,
.result-success.token h5 {
  color: #101010;
  font-size: 20px;
  font-weight: 400;
  margin: 30px 0 12px
}

.result-failure.token .btn,
.result-success.token .btn {
  padding: 8px 60px
}

.result-success p {
  font-size: 1rem
}

.result-success .result-success-info {
  color: #91979d;
  font-size: 16px;
  font-weight: 400
}

.result-success .result-success-info a,
.result-success .result-success-info a:hover {
  color: #999 !important
}

.result-success .mytoken {
  color: #979797
}

.result-success .mytoken .mytoken-wallet {
  color: #f5a623
}

.result-success .mytoken .mytoken-wallet-green {
  color: #c23631
}

.result-success .submit-market {
  color: #333
}

.address-circle {
  align-items: center;
  justify-content: center
}

.address-circle .address-circle-bandwidth {
  display: block;
  margin-right: 1.5rem
}

.address-circle .address-circle-bandwidth .ant-progress .ant-progress-circle-trail {
  stroke: #ffa30b66
}

.address-circle .address-circle-line {
  background-color: #d8d8d866;
  height: 60px;
  width: 1px
}

.address-circle .address-circle-energy {
  display: block
}

.address-circle .address-circle-energy .ant-progress .ant-progress-circle-trail {
  stroke: #4a90e266
}

.address-circle .circle-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1rem
}

.address-circle .circle-info div {
  color: #999
}

.address-circle .circle-info h2 {
  color: #333
}

@media only screen and (max-width:768px) {
  .address-circle {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 1rem
  }

  .address-circle .address-circle-bandwidth {
    margin-left: 100px;
    margin-right: 0
  }

  .address-circle .address-circle-energy {
    margin-left: 100px
  }

  .address-circle .address-circle-line {
    margin-left: 141px;
    transform: rotate(90deg)
  }

  .address-circle .circle-info h2 {
    font-size: 1rem
  }
}

.tf-card {
  background: #fff;
  padding: 1rem 1rem 1rem 58px;
  position: relative;
  width: 100%
}

.tf-card:after {
  background: url(/static/media/flag.e1cfbc8556be2895ce0c.png);
  background-size: 100% 100%;
  color: #fff;
  content: "10";
  font-family: initial;
  font-size: 16px;
  height: 30px;
  left: 18px;
  padding-top: 3px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px
}

.tf-card.token20:after {
  content: "20"
}

.tf-card h4 {
  font-size: 16px;
  margin: 0
}

.tf-card h4 a {
  font-weight: 500
}

.tf-card__header {
  margin-bottom: .5rem;
  margin-right: -50px;
  padding: 0 15px
}

.tf-card__header-item {
  margin-bottom: .75rem;
  position: relative;
  width: 20%
}

.tf-card__header-item:after {
  background: #dadada99;
  content: "";
  height: 2rem;
  position: absolute;
  right: 20%;
  top: 10px;
  width: 1px
}

.tf-card__header-item:last-child:after {
  display: none
}

.tf-card__header-item .dor_line {
  background: #d0021b;
  border-radius: 2px;
  height: 6px;
  width: 40px
}

.tf-card__header-item .dor-img {
  height: 31px;
  margin-top: 23px;
  width: 100px
}

.tf-card__header-item .dor-img img {
  width: 100%
}

.tf-card__header-title {
  color: #bfc0c4
}

.tf-card__header-text {
  color: #1f2534;
  font-size: 16px
}

.tf-card-table {
  border: 1px solid #dbdbdb;
  margin-bottom: 0
}

.tf-card-table td,
.tf-card-table th {
  border-color: #eee;
  vertical-align: middle
}

.tf-card-table tr td:first-child {
  padding-left: 1rem
}

.tf-card-table .text-light {
  color: #ccc !important;
  font-size: 12px
}

.tf-card-table .tip {
  background: #4a90e2;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 20px
}

.tf-card-table .line-1 i,
.tf-card-table .line-1 svg,
.tf-card-table .line-2 i,
.tf-card-table .line-2 svg {
  color: #28a745;
  font-size: 20px
}

.tf-card-table .line-3 td {
  border-top: none;
  padding-top: 0
}

.tf-card-table .line-4 .tip {
  background: #d3d3d3
}

.tf-card .progress {
  background-color: #eaecef;
  border-radius: .2rem
}

.tf-card .progress-bar {
  background-color: #6081df
}

.tf-card .btn-outline-secondary:hover {
  border-color: #8e8c84
}

.tf-card .mapping-title {
  font-size: 13px
}

.tf-card .mapping-btn {
  height: 32px;
  line-height: 31px;
  min-width: 72px;
  padding: 0 18px
}

@media only screen and (max-width:768px) {
  .tf-card {
    overflow-x: scroll
  }

  .tf-card .mobile-width {
    width: 600px
  }
}

.appeal-modal .ant-modal {
  max-width: 720px
}

.appeal-modal .text-small {
  color: #b0b0b0;
  font-size: 12px
}

.appeal-modal h3 {
  font-size: 16px;
  font-weight: 500
}

.appeal-modal h3.col_red {
  color: #c23631
}

.appeal-modal h3 .text-small {
  color: #b0b0b0;
  font-size: 12px
}

.appeal-modal p {
  color: #b0b0b0;
  font-size: 14px;
  margin-bottom: 26px
}

.appeal-modal .btn {
  min-width: 90px
}

.appeal-modal .ant-checkbox-wrapper span {
  color: #b0b0b0
}

.flex-1 {
  flex: 1 1
}

.tooltip.show {
  opacity: 1
}

.address-transfers-radio {
  position: absolute;
  top: 82px;
  z-index: 999
}

@media only screen and (max-width:768px) {
  .address-transfers-radio {
    left: -4px;
    position: absolute;
    top: -65px;
    z-index: 999
  }
}

.new_transcations .ant-table .ant-table-tbody>tr:hover>td,
.new_transcations .ant-table td {
  background: #0000 !important
}

.ant-tooltip.tooltip-z-index {
  z-index: 7000
}

.home-tooltip-overlay.vote-ration-wran-wrap {
  z-index: 6000
}

.home-tooltip-overlay a.rate-rule {
  margin-left: 2px
}

.accountAddressTransactions .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open,
.accountAddressTransactions .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.accountAddressTransactions .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,
.accountAddressTransactions .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.contract20-transfer .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open,
.contract20-transfer .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.contract20-transfer .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,
.contract20-transfer .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.contract_internal_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open,
.contract_internal_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.contract_internal_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,
.contract_internal_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.contract_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open,
.contract_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.contract_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,
.contract_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.new_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open,
.new_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.new_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,
.new_transcations .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.token10Detail .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open,
.token10Detail .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.token10Detail .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,
.token10Detail .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.token20Detail .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open,
.token20Detail .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.token20Detail .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,
.token20Detail .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.transfers-Container .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open,
.transfers-Container .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.transfers-Container .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,
.transfers-Container .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover {
  background: #fff
}

.accountAddressTransactions .ant-table-wrapper .ant-table-bordered.ant-table-empty .ant-table-placeholder,
.accountAddressTransactions .ant-table-wrapper .ant-table-placeholder,
.contract20-transfer .ant-table-wrapper .ant-table-bordered.ant-table-empty .ant-table-placeholder,
.contract20-transfer .ant-table-wrapper .ant-table-placeholder,
.contract_internal_transcations .ant-table-wrapper .ant-table-bordered.ant-table-empty .ant-table-placeholder,
.contract_internal_transcations .ant-table-wrapper .ant-table-placeholder,
.contract_transcations .ant-table-wrapper .ant-table-bordered.ant-table-empty .ant-table-placeholder,
.contract_transcations .ant-table-wrapper .ant-table-placeholder,
.new_transcations .ant-table-wrapper .ant-table-bordered.ant-table-empty .ant-table-placeholder,
.new_transcations .ant-table-wrapper .ant-table-placeholder,
.token10Detail .ant-table-wrapper .ant-table-bordered.ant-table-empty .ant-table-placeholder,
.token10Detail .ant-table-wrapper .ant-table-placeholder,
.token20Detail .ant-table-wrapper .ant-table-bordered.ant-table-empty .ant-table-placeholder,
.token20Detail .ant-table-wrapper .ant-table-placeholder,
.transfers-Container .ant-table-wrapper .ant-table-bordered.ant-table-empty .ant-table-placeholder,
.transfers-Container .ant-table-wrapper .ant-table-placeholder {
  border: none
}

.accountAddressTransactions .trxSingleSpan a,
.accountAddressTransactions .trxSingleSpan a:hover,
.contract20-transfer .trxSingleSpan a,
.contract20-transfer .trxSingleSpan a:hover,
.contract_internal_transcations .trxSingleSpan a,
.contract_internal_transcations .trxSingleSpan a:hover,
.contract_transcations .trxSingleSpan a,
.contract_transcations .trxSingleSpan a:hover,
.new_transcations .trxSingleSpan a,
.new_transcations .trxSingleSpan a:hover,
.token10Detail .trxSingleSpan a,
.token10Detail .trxSingleSpan a:hover,
.token20Detail .trxSingleSpan a,
.token20Detail .trxSingleSpan a:hover,
.transfers-Container .trxSingleSpan a,
.transfers-Container .trxSingleSpan a:hover {
  color: #666 !important
}

.accountAddressTransactions .timeRangeSelect,
.contract20-transfer .timeRangeSelect,
.contract_internal_transcations .timeRangeSelect,
.contract_transcations .timeRangeSelect,
.new_transcations .timeRangeSelect,
.token10Detail .timeRangeSelect,
.token20Detail .timeRangeSelect,
.transfers-Container .timeRangeSelect {
  text-align: right
}

.accountAddressTransactions .timeRangeSelect.new-date-picker,
.contract20-transfer .timeRangeSelect.new-date-picker,
.contract_internal_transcations .timeRangeSelect.new-date-picker,
.contract_transcations .timeRangeSelect.new-date-picker,
.new_transcations .timeRangeSelect.new-date-picker,
.token10Detail .timeRangeSelect.new-date-picker,
.token20Detail .timeRangeSelect.new-date-picker,
.transfers-Container .timeRangeSelect.new-date-picker {
  cursor: pointer;
  display: flex
}

.accountAddressTransactions .timeRangeSelect.new-date-picker .ant-picker-input,
.accountAddressTransactions .timeRangeSelect.new-date-picker .ant-picker-range-separator,
.contract20-transfer .timeRangeSelect.new-date-picker .ant-picker-input,
.contract20-transfer .timeRangeSelect.new-date-picker .ant-picker-range-separator,
.contract_internal_transcations .timeRangeSelect.new-date-picker .ant-picker-input,
.contract_internal_transcations .timeRangeSelect.new-date-picker .ant-picker-range-separator,
.contract_transcations .timeRangeSelect.new-date-picker .ant-picker-input,
.contract_transcations .timeRangeSelect.new-date-picker .ant-picker-range-separator,
.new_transcations .timeRangeSelect.new-date-picker .ant-picker-input,
.new_transcations .timeRangeSelect.new-date-picker .ant-picker-range-separator,
.token10Detail .timeRangeSelect.new-date-picker .ant-picker-input,
.token10Detail .timeRangeSelect.new-date-picker .ant-picker-range-separator,
.token20Detail .timeRangeSelect.new-date-picker .ant-picker-input,
.token20Detail .timeRangeSelect.new-date-picker .ant-picker-range-separator,
.transfers-Container .timeRangeSelect.new-date-picker .ant-picker-input,
.transfers-Container .timeRangeSelect.new-date-picker .ant-picker-range-separator {
  display: none
}

.accountAddressTransactions .timeRangeSelect.new-date-picker .ant-picker-suffix,
.contract20-transfer .timeRangeSelect.new-date-picker .ant-picker-suffix,
.contract_internal_transcations .timeRangeSelect.new-date-picker .ant-picker-suffix,
.contract_transcations .timeRangeSelect.new-date-picker .ant-picker-suffix,
.new_transcations .timeRangeSelect.new-date-picker .ant-picker-suffix,
.token10Detail .timeRangeSelect.new-date-picker .ant-picker-suffix,
.token20Detail .timeRangeSelect.new-date-picker .ant-picker-suffix,
.transfers-Container .timeRangeSelect.new-date-picker .ant-picker-suffix {
  color: #c4c4c4
}

@media only screen and (max-width:768px) {

  .accountAddressTransactions .timeRangeSelect,
  .contract20-transfer .timeRangeSelect,
  .contract_internal_transcations .timeRangeSelect,
  .contract_transcations .timeRangeSelect,
  .new_transcations .timeRangeSelect,
  .token10Detail .timeRangeSelect,
  .token20Detail .timeRangeSelect,
  .transfers-Container .timeRangeSelect {
    font-size: 12px;
    margin-top: 20px;
    text-align: left;
    width: 100%
  }

  .accountAddressTransactions .timeRangeSelect.date-img,
  .contract20-transfer .timeRangeSelect.date-img,
  .contract_internal_transcations .timeRangeSelect.date-img,
  .contract_transcations .timeRangeSelect.date-img,
  .new_transcations .timeRangeSelect.date-img,
  .token10Detail .timeRangeSelect.date-img,
  .token20Detail .timeRangeSelect.date-img,
  .transfers-Container .timeRangeSelect.date-img {
    height: 26px;
    margin-top: -3px
  }
}

.Weibo {
  background-image: url(/static/media/Weibo.f56aad753552d8cadcfa.png)
}

.Weibo,
.Weibo-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.Weibo-active {
  background-image: url(/static/media/Weibo-active.0e8d2752b7f265b2027e.png)
}

.Wechat {
  background-image: url(/static/media/Wechat.5f849c97447aa225121e.png)
}

.Wechat,
.Wechat-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.Wechat-active {
  background-image: url(/static/media/Wechat-active.69de21d518e582030d3c.png)
}

.Discord {
  background-image: url(/static/media/Discord.9997bcd462c02f052f9b.png)
}

.Discord,
.Discord-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.Discord-active {
  background-image: url(/static/media/Discord-active.698b128b7ed7bb6a0ed0.png)
}

.Facebook {
  background-image: url(/static/media/Facebook.2b09f33579c0ee07532c.png)
}

.Facebook,
.Facebook-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.Facebook-active {
  background-image: url(/static/media/Facebook-active.e301146b95043567178f.png)
}

.Group {
  background-image: url(/static/media/Group.9065f43841116e9da858.png)
}

.Group,
.Group-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.Group-active {
  background-image: url(/static/media/Group-active.34fdc420735776b2cdab.png)
}

.Steem {
  background-image: url(/static/media/Steem.ef0da37b9ca75453a564.png)
}

.Steem,
.Steem-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.Steem-active {
  background-image: url(/static/media/Steem-active.cf3b01785c9deb03ab58.png)
}

.Instagram {
  background-image: url(/static/media/Instagram.ed3f263c915a8ae308ae.png)
}

.Instagram,
.Instagram-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.Instagram-active {
  background-image: url(/static/media/Instagram-active.d3501114e58e06d83dba.png)
}

.Medium {
  background-image: url(/static/media/Medium.125552a7c9b86778b0de.png)
}

.Medium,
.Medium-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.Medium-active {
  background-image: url(/static/media/Medium-active.5410fc46e56400220a29.png)
}

.Reddit {
  background-image: url(/static/media/Reddit.7bac5e2feef5deaeb195.png)
}

.Reddit,
.Reddit-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.Reddit-active {
  background-image: url(/static/media/Reddit-active.bfe709b28406c5420a01.png)
}

.Telegram {
  background-image: url(/static/media/Telegram.c76248391ab6d5064dfb.png)
}

.Telegram,
.Telegram-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.Telegram-active {
  background-image: url(/static/media/Telegram-active.2b031fcc61d1a787dfad.png)
}

.Twitter {
  background-image: url(/static/media/Twitter.eb8cc0b96700e4e5452e.png)
}

.Twitter,
.Twitter-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.Twitter-active {
  background-image: url(/static/media/Twitter-active.758256becf0a391e2212.png)
}

.delete {
  background-image: url(/static/media/delete.a06da2473cf0b9ad5565.png)
}

.delete,
.delete-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.delete-active {
  background-image: url(/static/media/delete-active.a06da2473cf0b9ad5565.png)
}

.GitHub {
  background-image: url(/static/media/GitHub.8bf469bdc54c1a8687cd.png)
}

.GitHub,
.GitHub-active {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.GitHub-active {
  background-image: url(/static/media/GitHub-active.8bf469bdc54c1a8687cd.png)
}

.popover_text {
  color: #666
}

.top-0 {
  top: 0
}

.pl-0 {
  padding-left: 0
}

.pr-0 {
  padding-right: 0
}

.flex-nowrap {
  flex-wrap: nowrap
}

.fa,
.fas {
  font-weight: 900 !important
}

.ellipsis_box {
  display: inline-flex;
  flex-wrap: nowrap;
  max-width: 100%
}

.ellipsis_box.ellipsis_box_personal_bg {
  background: #f0f2f3;
  border-radius: 4px;
  display: inline-block !important;
  font-size: 14px;
  line-height: 14px;
  overflow: hidden;
  padding: 5px 8px;
  text-overflow: ellipsis
}

.ellipsis_box_start {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ellipsis_box_end {
  flex: 1 0 auto;
  margin-left: -1px;
  white-space: nowrap
}

.ellipsis_box_copy {
  align-items: center;
  display: flex
}

.contract_ellipsis_box {
  max-width: calc(100% - 34px)
}

.ant_table_amount,
.ant_table_time {
  white-space: nowrap
}

.ant_table_amount {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis
}

.ant_table_transaction_type {
  max-width: 144px;
  white-space: nowrap
}

.address_max_width {
  max-width: 100px
}

.dropdown-text-none {
  text-transform: none !important
}

.addressTag {
  background: #e9e9e9;
  border-radius: 2px;
  color: #666;
  display: inline-block;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  margin-top: 6px;
  padding: 3px 12px
}

.ant-form-inline .set-proposal-form .ant-table-row .ant-form-item-with-help {
  margin-bottom: 0
}

.ant-form-inline .set-proposal-form .ant-table-row .ant-form-item {
  margin-right: 0
}

.freeze-detail-wrap th,
.th-word-break {
  white-space: normal
}

.freeze-detail-wrap .ant-switch,
.token-balance-wrap .ant-switch,
.vote-wrap .ant-switch {
  width: 28px
}

.freeze-detail-wrap .ant-switch .ant-click-animating-node,
.freeze-detail-wrap .ant-switch.ant-switch-checked:focus,
.token-balance-wrap .ant-switch .ant-click-animating-node,
.token-balance-wrap .ant-switch.ant-switch-checked:focus,
.vote-wrap .ant-switch .ant-click-animating-node,
.vote-wrap .ant-switch.ant-switch-checked:focus {
  box-shadow: none
}

.freeze-detail-wrap .ant-table table tr td,
.token-balance-wrap .ant-table table tr td,
.vote-wrap .ant-table table tr td {
  border-bottom: 0
}

.freeze-detail-wrap .ant-table.ant-table-bordered.ant-table-empty .ant-table-placeholder,
.token-balance-wrap .ant-table.ant-table-bordered.ant-table-empty .ant-table-placeholder,
.vote-wrap .ant-table.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-left: 0;
  border-right: 0
}

.list-filter-warpper {
  max-height: 350px;
  overflow-y: scroll
}

.list-filter-warpper,
.list-filter.ant-dropdown-menu {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 20px 30px #1010100f
}

.list-filter.ant-dropdown-menu {
  padding: 10px
}

.list-filter.ant-dropdown-menu .ant-dropdown-menu-item {
  color: #101010;
  font-size: 14px;
  line-height: 40px;
  min-width: 93px;
  padding: 0
}

.list-filter.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content,
.list-filter.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .false {
  padding: 0 10px
}

.list-filter.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content:hover {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c2c9d1;
  border-radius: 5px;
  color: #c23631
}

.list-filter.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .active {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c2c9d1;
  border-radius: 5px;
  color: #c23631;
  padding: 0 10px
}

.address-tag {
  align-items: center;
  display: flex;
  line-height: 18px
}

.address-tag img {
  height: 18px;
  margin-right: 3px;
  width: 18px
}

.address-tag .tag-cont {
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.address-tag span {
  color: #666;
  font-size: 14px
}

.modal-dialog-new {
  font-family: Lato
}

.modal-dialog-new .modal-content {
  border-radius: 20px;
  padding: 30px;
  width: 500px
}

.modal-dialog-new .modal-content .modal-header {
  border-bottom: 0;
  padding: 0
}

.modal-dialog-new .modal-content .modal-header .modal-title {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin: auto
}

.modal-dialog-new .modal-content .modal-header button.close {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px
}

.modal-dialog-new .modal-content .modal-header button.close span {
  color: #101010;
  font-size: 26px;
  font-weight: 400
}

.modal-dialog-new .modal-content .modal-body {
  padding: 20px 0 0
}

.modal-dialog-new .modal-content .modal-body .send-form .send-from-name-tip {
  color: #73787b;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: -10px
}

.modal-dialog-new .modal-content .modal-body .send-form .form-group .ant-select,
.modal-dialog-new .modal-content .modal-body .send-form .input-group>.form-control.form-number-control,
.modal-dialog-new .modal-content .modal-body .send-form .input-group>.form-control:not(:last-child) {
  background: #0000;
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  color: #101010
}

.modal-dialog-new .modal-content .modal-body .ant-select-selection-item,
.modal-dialog-new .modal-content .modal-body .ant-select-selector {
  height: 40px;
  line-height: 40px
}

.modal-dialog-new .modal-content .modal-body .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: #0000;
  border: none
}

.modal-dialog-new .modal-content .modal-body .form-control.is-invalid:focus,
.modal-dialog-new .modal-content .modal-body .was-validated .form-control:invalid:focus {
  border-color: #e09b98 !important;
  box-shadow: none
}

.modal-dialog-new .modal-content .modal-body .ant-select .main-title {
  font-size: 14px
}

.modal-dialog-new .modal-content .modal-body .btn-wrapper {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 40px
}

.modal-dialog-new .modal-content .modal-body .btn-wrapper .btn {
  align-items: center;
  border-radius: 10px;
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  text-align: center;
  width: 210px
}

.modal-dialog-new .modal-content .modal-body .btn-wrapper .btn.btn-cancel-new {
  background: #fff;
  border: 1px solid #000
}

.modal-dialog-new .modal-content .modal-body .btn-wrapper .btn.btn-cancel-new span {
  color: #101010
}

.modal-dialog-new .modal-content .modal-body .btn-wrapper .btn.btn-cancel-new:hover {
  background-color: #fff;
  border-color: #c23631
}

.modal-dialog-new .modal-content .modal-body .btn-wrapper .btn.btn-cancel-new:hover span {
  color: #c23631 !important
}

.modal-dialog-new .modal-content .modal-body .btn-wrapper .btn.btn-confirm {
  background: #101010;
  border: none;
  color: #fff
}

.modal-dialog-new .modal-content .modal-body .btn-wrapper .btn.btn-confirm:disabled {
  background: #c2c9d1;
  border: none
}

.modal-dialog-new .modal-content .modal-body .btn-wrapper .btn.btn-confirm:not(:disabled):hover {
  background: #c23631
}

.modal-dialog-new .modal-content .modal-body .btn-wrapper .btn span {
  font-weight: 400;
  letter-spacing: 0
}

.modal-dialog-new .modal-content .modal-body .btn-wrapper .btn:disabled {
  opacity: 1
}

.modal-dialog-new .modal-content .modal-body .form-group {
  margin-bottom: 20px
}

.modal-dialog-new .modal-content .modal-body .form-group .form-control {
  font-size: 14px
}

.modal-dialog-new .modal-content .modal-body .form-group .form-control.form-control-bg {
  background: #f0f2f3 !important;
  border-color: #e0e4e8 !important
}

.modal-dialog-new .modal-content .modal-body .form-group .permission-list {
  font-size: 14px;
  height: 40px
}

.modal-dialog-new .modal-content .modal-body .form-group .permission-list .ant-select-selection-item {
  line-height: 36px
}

.modal-dialog-new .modal-content .modal-body .form-group .input-group-append-new {
  background: #fff;
  height: 36px;
  position: absolute;
  right: 6px;
  top: 2px;
  z-index: 10
}

.modal-dialog-new .modal-content .modal-body .form-group .input-group-append-new .max-btn-style {
  background-color: #0000;
  color: #c23631;
  font-size: 14px;
  font-weight: 700;
  height: 36px;
  padding-right: 6px
}

.modal-dialog-new .modal-content .modal-body .form-group textarea {
  height: 100px
}

.modal-dialog-new .modal-content .modal-body .form-group .input-group {
  font-size: 14px
}

.modal-dialog-new .modal-content .modal-body .form-group .input-group input {
  height: 40px
}

.modal-dialog-new .modal-content .modal-body .form-group label {
  margin-bottom: 14px
}

.modal-dialog-new .modal-content .modal-body .form-group label span:last-of-type {
  color: #616568
}

.modal-dialog-new .modal-content .modal-body .form-group label.label {
  color: #616568;
  font-size: 14px
}

.modal-dialog-new .modal-content .modal-body .form-group label.new-label,
.modal-dialog-new .modal-content .modal-body .form-group label.new-label span {
  color: #404245;
  font-size: 14px;
  margin-bottom: 12px
}

.modal-dialog-new .modal-content .modal-body .form-group label .sub-desc {
  color: #91979d;
  font-weight: 400
}

.modal-dialog-new .modal-content .modal-body .form-group .content {
  background: #f6f7fb;
  border-radius: 10px;
  color: #91979d;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 16px
}

.modal-dialog-new .modal-content .modal-body .btn {
  background: #101010;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 24px
}

.modal-dialog-new .modal-content .modal-body .btn.btn-full {
  width: 100%
}

.modal-dialog-new .modal-content .modal-body .btn.freeze-valid-btn {
  background: #101010 !important
}

.modal-dialog-new .modal-content .modal-body .btn .freeze-valid-no-btn {
  background: #c2c9d1 !important
}

.modal-dialog-new .modal-content .modal-body .btn:disabled {
  background: #c2c9d1;
  color: #fff;
  cursor: not-allowed
}

.modal-dialog-new .modal-content .modal-body .btn.alert-confirm-btn {
  background: #101010 !important;
  border: none;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  height: 40px;
  width: 100%
}

.modal-dialog-new .modal-content .modal-body .btn.btn-danger {
  border-color: #0000
}

.modal-dialog-new .modal-content .modal-body .btn:not(:disabled):hover {
  background-color: #c23631
}

.modal-dialog-new .modal-content .modal-body .input-new {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  box-shadow: none;
  height: 40px;
  line-height: 40px;
  padding: 0 16px
}

.modal-dialog-new .modal-content .modal-body .input-new:not(.ant-input-disabled):focus,
.modal-dialog-new .modal-content .modal-body .input-new:not(.ant-input-disabled):hover {
  border-color: #404245
}

.modal-dialog-new .ant-btn-two-chinese-chars>:not(.anticon) {
  letter-spacing: 0;
  margin-right: 0
}

.no-data-new .ant-empty-image {
  height: 62px;
  margin-bottom: 10px;
  width: 62px
}

.no-data-new .ant-empty-description {
  color: #c2c9d1 !important;
  font-size: 12px;
  line-height: 14px
}

.iconfont.icon-copy.copy-hover:hover {
  color: #101010 !important
}

@media only screen and (max-width:765px) {
  .modal-dialog-new .modal-content {
    min-width: 100%;
    width: fit-content
  }
}

.ant-table-content .sr-proposer .proposer-name a {
  font-size: 13px
}

.address-qrcode .modal-content,
.wallet-account-modal .modal-content {
  padding: 0 1.75rem
}

.address-qrcode .modal-content .modal-header,
.wallet-account-modal .modal-content .modal-header {
  padding: .75rem 0
}

.address-qrcode .modal-content .modal-header .modal-title,
.wallet-account-modal .modal-content .modal-header .modal-title {
  font-size: 14px
}

.address-qrcode .modal-content .modal-header button span,
.wallet-account-modal .modal-content .modal-header button span {
  color: #333
}

.address-qrcode .modal-content .modal-body,
.wallet-account-modal .modal-content .modal-body {
  padding: .75rem 0
}

.address-qrcode .modal-content .modal-body .py-2 span,
.wallet-account-modal .modal-content .modal-body .py-2 span {
  font-size: 13px
}

.address-qrcode .modal-content .modal-body .backup-tip,
.wallet-account-modal .modal-content .modal-body .backup-tip {
  color: #333;
  font-size: 14px
}

.address-qrcode .modal-content .modal-body .address-copy-icon,
.wallet-account-modal .modal-content .modal-body .address-copy-icon {
  position: absolute;
  right: 12px;
  top: 6px
}

.address-qrcode .modal-content .modal-body .form-control,
.wallet-account-modal .modal-content .modal-body .form-control {
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  border-radius: 1px
}

.address-qrcode .modal-content .modal-body .form-control[readonly],
.wallet-account-modal .modal-content .modal-body .form-control[readonly] {
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3
}

.address-qrcode .modal-content .modal-body textarea,
.wallet-account-modal .modal-content .modal-body textarea {
  color: #666;
  font-size: 12px;
  padding-right: 2.5rem
}

.address-qrcode .modal-content .modal-body .qr-code,
.wallet-account-modal .modal-content .modal-body .qr-code {
  height: 150px;
  margin: 2.5rem auto;
  width: 150px
}

.address-qrcode .modal-content .modal-body button,
.wallet-account-modal .modal-content .modal-body button {
  border-radius: 1px
}

.address-qrcode .modal-content .modal-body .backup-successful,
.wallet-account-modal .modal-content .modal-body .backup-successful {
  border: 1px solid #999;
  color: #666;
  font-size: 12px;
  margin-top: .5rem;
  text-align: center
}

.highcharts-range-selector:focus {
  border: 0 !important;
  height: 24px !important;
  margin-top: 26px !important;
  outline: 1px solid #c23631;
  outline-offset: 0
}

.highcharts-root .highcharts-label-box {
  height: 24px
}

.highcharts-root .highcharts-range-selector-group {
  transform: translateY(26px)
}

.highcharts-root .highcharts-range-selector-group .highcharts-button,
.highcharts-root .highcharts-range-selector-group .highcharts-range-selector-buttons {
  dominant-baseline: middle;
  height: 24px
}

.highcharts-root .highcharts-range-selector-group .highcharts-button .highcharts-button-box {
  height: 24px
}

.highcharts-root .highcharts-range-selector-group .highcharts-button.highcharts-button-pressed .highcharts-button-box {
  fill: #c23631
}

.highcharts-root .highcharts-range-selector-group .highcharts-button.highcharts-button-pressed text {
  fill: #fff !important
}

.highcharts-root .highcharts-range-selector-group .highcharts-input-group {
  dominant-baseline: middle
}

.highcharts-root .highcharts-exporting-group {
  transform: translateY(-8px)
}

.highcharts-root .highcharts-reset-zoom {
  dominant-baseline: middle
}

.highcharts-root .highcharts-reset-zoom .highcharts-button-box {
  height: 30px
}

@media only screen and (max-width:768px) {
  .echart-time-filter .highcharts-legend-item {
    margin-bottom: 8px
  }
}

.echart-time-filter .TRXSupplyChart-loading {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%
}

.echart-time-filter.stats-chart-trx-staked .trx-staked-chart1 .highcharts-series-group .highcharts-series.highcharts-area-series path:first-child {
  cursor: pointer
}

.space-between {
  justify-content: space-between
}

.font-red {
  color: #c23631 !important
}

.form-check-input:checked {
  background: red
}

.custom-select:focus,
.form-control:focus {
  border-color: initial;
  box-shadow: none
}

.ant-select-dropdown-menu-item-selected {
  color: #c23631
}

.btn {
  text-transform: none
}

.ant-select {
  font-size: 12px
}

.set-input-read-only-bg {
  background: #f3f3f3
}

.detail-mobile-list-wrap.list-style-body {
  background: #0000;
  border: 0 !important
}

.detail-mobile-list-wrap.list-style-body .card-header {
  background: #0000;
  border-bottom: 0
}

.detail-mobile-list-wrap .nav-tabs {
  display: flex;
  justify-content: space-between
}

.detail-mobile-list-wrap .nav-tabs.ar .nav-item,
.detail-mobile-list-wrap .nav-tabs.fa .nav-item,
.detail-mobile-list-wrap .nav-tabs.ja .nav-item,
.detail-mobile-list-wrap .nav-tabs.ko .nav-item,
.detail-mobile-list-wrap .nav-tabs.zh .nav-item {
  min-width: auto
}

.detail-mobile-list-wrap .nav-tabs.es,
.detail-mobile-list-wrap .nav-tabs.ru {
  justify-content: normal
}

.detail-mobile-list-wrap .nav-tabs.es .nav-item,
.detail-mobile-list-wrap .nav-tabs.ru .nav-item {
  margin-right: 12px;
  min-width: auto;
  padding: 0 4px
}

.detail-mobile-list-wrap .nav-tabs .nav-item {
  background: #fff;
  margin-bottom: 12px;
  min-width: 31%
}

.detail-mobile-list-wrap .nav-tabs .nav-item a {
  border: 1px solid #f4f4f4 !important;
  border-radius: 2px !important;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 0
}

.detail-mobile-list-wrap .nav-tabs .nav-item a.active {
  background: #c23631 !important;
  border-color: #c23631 !important
}

.detail-mobile-list-wrap .nav-tabs .nav-item a.active span {
  color: #fff !important
}

.detail-mobile-list-wrap .nav-tabs .nav-novisible {
  visibility: hidden
}

.date-img {
  align-items: center;
  background: #edf0f4;
  border-radius: 8px;
  color: #101010;
  cursor: pointer;
  display: flex;
  height: 26px;
  justify-content: center;
  width: 30px
}

@media(max-width:768px) {
  .date-img {
    height: 100%
  }
}

.date-img i {
  font-size: 14px
}

.animated-new {
  animation-duration: .5s;
  animation-fill-mode: forwards
}

.react-contextmenu.dropdown-menu.show a {
  color: #101010 !important
}

.react-contextmenu.dropdown-menu.show a:hover {
  background-color: #f9fafa !important;
  color: #c23631 !important
}

.mt-16px {
  margin-top: 16px
}

.mb-16px {
  margin-bottom: 16px
}

.flex-center {
  justify-content: center
}

.flex-center,
.flex-start {
  align-items: center;
  display: flex
}

.flex-start {
  justify-content: flex-start
}

.flex-between {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.white-space-nowrap,
.whiteSpace-nowrap {
  white-space: nowrap
}

.set-font-size14 {
  font-size: 14px
}

@media(max-width:768px) {
  .set-font-size14 {
    font-size: 14px
  }
}

.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table {
  border-top: none !important
}

@media(min-width:768px)and (max-width:1399px) {
  .container {
    max-width: 1140px
  }
}

.line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-ellipsis-one {
  -webkit-line-clamp: 1;
  white-space: nowrap
}

.text-ellipsis-one,
.text-ellipsis-two {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis
}

.text-ellipsis-two {
  -webkit-line-clamp: 2
}

.common-message-tip .ant-message-notice-content {
  background-color: #101010b3;
  border-radius: 10px;
  color: #fff;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  line-height: 18px;
  padding: 20px
}

@media only screen and (max-width:768px) {
  ::-webkit-scrollbar {
    display: none !important
  }
}

.public-message-class .ant-message-notice-content {
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  padding: 20px 26px
}

.public-message-class .tron-icon {
  margin-right: 10px
}

.public-message-class.success .ant-message-notice-content {
  background: #ebf9eb;
  box-shadow: 0 2.332px 4.664px 0 #0000001a;
  color: #2d912c;
  font-size: 14px;
  font-weight: 400;
  padding-left: 20px
}

.public-message-class.error .ant-message-notice-content {
  background: #f9ebea;
  box-shadow: 0 2.332px 4.664px 0 #0000001a;
  color: #c23631;
  font-size: 14px;
  font-weight: 400;
  padding-left: 20px
}

.tooltip-token-level-unsafe {
  max-width: 420px !important
}

.white-space-pre-line {
  white-space: pre-line
}

@media screen and (max-width:768px) {
  .tron-loader-children {
    font-size: 12px
  }
}

[type=primary]::role(alertdialog) {
  background: #ff4500;
  border-color: coral;
  color: #fff
}

.common-modal .ant-modal-content {
  border-radius: 20px;
  overflow: hidden
}

.common-modal .ant-btn-two-chinese-chars>:not(.anticon) {
  letter-spacing: 0
}

.common-modal .ant-modal-body {
  padding: 0 30px 30px
}

.common-modal .ant-modal-header {
  border: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 30px 30px 20px;
  text-align: center
}

.common-modal .ant-modal-header .ant-modal-title {
  color: #101010;
  font-family: Lato;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px
}

.common-modal .tron-loading-icon {
  animation: loading 1s linear infinite;
  font-size: 60px
}

.common-modal .common-modal-loading-wrapper {
  margin: 60px auto 30px;
  text-align: center
}

.common-modal .tron-icon.close-icon-disabled {
  color: #c2c9d1;
  cursor: not-allowed
}

.common-modal .warn-content-img {
  height: 60px;
  margin: 30px auto;
  width: 60px
}

.common-modal .warn-content-text {
  color: #101010;
  font-family: Lato;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 30px
}

.common-modal .warn-content-btn {
  background: #101010 !important;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  width: 100%
}

.common-modal .btns {
  align-items: center;
  display: flex;
  justify-content: space-between;
  text-align: center
}

.common-modal .btns>span {
  border: 1px solid #000;
  border-radius: 10px;
  box-sizing: border-box;
  color: #101010;
  cursor: pointer;
  display: inline-block;
  flex: 1 1;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 40px
}

.common-modal .btns .cancel-btn:hover {
  border-color: #d78382;
  color: #c23631
}

.common-modal .btns .confirm-btn {
  background: #101010;
  border: none;
  color: #fff;
  margin-left: 20px
}

.common-modal .btns .confirm-btn .loading-icon {
  animation: loading 1s linear infinite forwards;
  margin-left: 4px
}

.common-modal .btns .confirm-btn:not(.disabled-btn):hover {
  background-color: #c23631;
  color: #fff
}

.common-modal .btns .disabled-btn {
  background-color: #c2c9d1;
  cursor: not-allowed
}

.common-modal .notice-icon {
  margin-top: 60px;
  text-align: center
}

.common-modal .notice-icon img {
  height: 60px;
  width: 60px
}

.common-modal .notice-icon .iconfont {
  font-size: 60px;
  line-height: 1
}

.common-modal .notice-title {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 30px;
  text-align: center
}

.common-modal .notice-desc {
  color: #73787b;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px;
  text-align: center
}

.common-modal .notice-word {
  color: #101010
}

.common-modal .notice-border-btn,
.common-modal .notice-btn {
  background: #101010;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-top: 30px;
  text-align: center
}

.common-modal .notice-border-btn:hover,
.common-modal .notice-btn:hover {
  background-color: #c23631
}

.common-modal .notice-border-btn.disabled-btn,
.common-modal .notice-btn.disabled-btn {
  background-color: #c2c9d1;
  cursor: not-allowed
}

.common-modal .notice-border-btn {
  background-color: #fff;
  border: 1px solid #91979d;
  color: #101010
}

.common-modal .notice-border-btn:hover {
  background-color: #fff;
  border-color: #c23631;
  color: #c23631
}

.common-modal .notice-border-btn.disabled-btn {
  background-color: #c2c9d1;
  border-color: #c2c9d1;
  color: #fff
}

@media screen and (max-width:767px) {
  .common-modal .ant-modal-body {
    padding: 0 15px 30px !important
  }
}

.common-modal-footer-fixed .ant-modal-body {
  display: flex;
  flex-direction: column;
  padding: 0 0 30px !important
}

.common-modal-footer-fixed .common-modal-content-wrapper {
  flex: 1 1;
  overflow-y: auto;
  padding: 0 30px
}

.common-modal-footer-fixed .common-modal-footer-wrapper {
  padding: 0 30px
}

@media screen and (max-width:767px) {

  .common-modal-footer-fixed .common-modal-content-wrapper,
  .common-modal-footer-fixed .common-modal-footer-wrapper {
    padding: 0 15px
  }
}

.modal-dialog-suspected {
  border-radius: 20px
}

.modal-dialog-suspected .ant-modal-content {
  padding: 30px 30px 0
}

.modal-dialog-suspected .ant-modal-content .btns .confirm-btn:not(:disabled):hover {
  background: #c23631
}

.modal-dialog-suspected .ant-modal-content .btns .cancel-btn:hover {
  border-color: #d78382;
  color: #c23631
}

@media screen and (max-width:768px) {
  .evoke-popup-contain-wrapper {
    padding: 20px 15px;
    width: 100%
  }

  .evoke-popup-contain-wrapper .question-mark {
    margin-left: 0
  }
}

.transaction-ledger .address-link-wrap {
  justify-content: end
}

.transaction-ledger .notice-title {
  color: #101010;
  font-weight: 600;
  margin-bottom: 0
}

.transaction-ledger .card-body {
  padding: 0 0 30px
}

.transaction-ledger .card-body .card-title {
  color: #101010;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 0
}

.transaction-ledger .table {
  background: #f9fafa;
  color: #404245;
  padding: 20px 16px
}

.transaction-ledger .table td,
.transaction-ledger .table th {
  border-top: none;
  color: #73787b;
  font-weight: 400
}

.transaction-ledger .table .truncate-ellipsis {
  white-space: normal;
  word-break: break-all
}

.LedgerTips {
  margin-top: 20px
}

.LedgerTips img {
  height: 40px;
  margin: 0 0 8px
}

.LedgerTips .confirmTips {
  color: #404245;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 12px
}

.formpart-toaddress {
  padding-bottom: 20px;
  position: relative;
  width: 100%
}

.formpart-toaddress .fpta-title {
  color: #404245;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 12px
}

.formpart-toaddress .fpta-input-wrap {
  display: block;
  position: relative;
  width: 100%
}

.formpart-toaddress .fpta-input-wrap label {
  display: block;
  width: 100%
}

.formpart-toaddress .fpta-input-wrap .fpta-input {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  box-sizing: border-box;
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding-left: 16px;
  padding-right: 60px;
  width: 100%
}

.formpart-toaddress .fpta-input-wrap .fpta-input::placeholder {
  color: #91979d
}

.formpart-toaddress .fpta-input-wrap .fpta-input.error,
.formpart-toaddress .fpta-input-wrap .fpta-input.myself {
  border-color: #c23631
}

.formpart-toaddress .fpta-input-wrap .fpta-input.blackhole,
.formpart-toaddress .fpta-input-wrap .fpta-input.sc {
  border-color: #f3bb1c
}

.formpart-toaddress .fpta-input-wrap .fpta-input.other {
  border-color: #c2c9d1
}

.formpart-toaddress .fpta-input-wrap .fpta-input:focus {
  border-color: #73787b
}

.formpart-toaddress .fpta-input-wrap .fpta-clear {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: absolute;
  right: 38px;
  top: 50%;
  transform: translateY(-50%)
}

.formpart-toaddress .fpta-input-wrap .fpta-clear .tron-icon {
  color: #b8b9bc;
  height: 12px;
  top: 0;
  transform: unset;
  width: 12px
}

.formpart-toaddress .fpta-input-wrap .fpta-clear:hover .tron-icon {
  color: #87888a
}

.formpart-toaddress .fpta-input-wrap .fpta-clear.once {
  right: 16px
}

.formpart-toaddress .fpta-input-wrap .fpta-arrow {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px
}

.formpart-toaddress .fpta-input-wrap .fpta-arrow .tron-icon {
  color: #c2c9d1;
  height: 10px;
  width: 10px
}

.formpart-toaddress .fpta-input-wrap .fpta-arrow:hover .tron-icon {
  color: #101010
}

.formpart-toaddress .fpta-label-wrap {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-top: 10px;
  width: 100%
}

.formpart-toaddress .fpta-label-wrap .label-item {
  background: #f3f4f6;
  border-radius: 5px;
  box-sizing: border-box;
  color: #73787b;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 16px;
  margin-right: 8px;
  padding: 0 10px
}

.formpart-toaddress .fpta-label-wrap .label-item.sc {
  padding: 0
}

.formpart-toaddress .fpta-label-wrap .label-item.sc:hover {
  color: #101010
}

.formpart-toaddress .fpta-label-wrap .label-item.sc .sc-inner {
  padding: 0 10px
}

.formpart-toaddress .fpta-label-wrap .label-item.last {
  flex: 1 1;
  overflow: hidden
}

.formpart-toaddress .fpta-label-wrap .label-item.last span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.formpart-toaddress .fpta-label-wrap .label-item:last-child {
  margin-right: 0
}

.formpart-toaddress .fpta-tips {
  color: #c23631;
  font-size: 14px;
  line-height: 20px;
  padding-top: 10px
}

.formpart-toaddress .fpta-tips.error,
.formpart-toaddress .fpta-tips.myself {
  color: #c23631
}

.formpart-toaddress .fpta-tips.blackhole,
.formpart-toaddress .fpta-tips.sc {
  color: #edb012
}

@keyframes panel-show {
  0% {
    height: 0;
    opacity: 0
  }

  to {
    height: auto;
    opacity: 1
  }
}

.formpart-toaddress .fpta-select-panel {
  align-items: flex-start;
  animation: panel-show .1s ease-in-out;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  box-shadow: 0 5px 20px #1010100d;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  left: 0;
  max-height: 286px;
  padding: 16px 0;
  position: absolute;
  top: 80px;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 5
}

.formpart-toaddress .fpta-select-panel .fpta-select-title {
  box-sizing: border-box;
  color: #101010;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  padding: 0 16px 10px
}

@media screen and (max-width:768px) {
  .formpart-toaddress .fpta-select-panel .fpta-select-title {
    padding: 0 8px 10px
  }
}

.formpart-toaddress .fpta-select-panel .fpta-empty {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 62px;
  width: 100%
}

.formpart-toaddress .fpta-select-panel .fpta-empty .empty-data-image {
  font-size: 40px;
  margin-bottom: 4px
}

.formpart-toaddress .fpta-select-panel .fpta-empty span {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  text-align: center
}

.formpart-toaddress .fpta-select-panel .fpta-list {
  display: block;
  flex: 1 1;
  list-style: none;
  overflow-y: auto;
  width: 100%
}

.formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  padding: 6px 15px;
  width: 100%
}

@media screen and (max-width:768px) {
  .formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item {
    padding: 6px 8px
  }
}

.formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item.active {
  opacity: .5
}

.formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item:not(.active):hover {
  background: #f9f9fa
}

.formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item:not(.active):hover .item-top .address .address-txt {
  color: #c23631
}

.formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item .item-top {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item .item-top .address {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-direction: row;
  justify-content: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item .item-top .address .address-sc {
  background: #f3f4f6;
  border-radius: 5px;
  color: #101010;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 16px;
  margin-right: 4px
}

.formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item .item-top .address .address-sc .sc-inner {
  padding: 0 8px
}

.formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item .item-top .address .address-txt {
  color: #101010;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item .item-top .time {
  color: #73787b;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 14px;
  width: 71px
}

@media screen and (max-width:768px) {
  .formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item .item-top .time {
    padding-left: 4px;
    white-space: nowrap
  }
}

.formpart-toaddress .fpta-select-panel .fpta-list .fpta-list-item .item-bottom {
  padding-top: 8px
}

.formpart-remarks {
  box-sizing: border-box;
  display: block;
  padding-bottom: 40px;
  width: 100%
}

.formpart-remarks .fprs-top {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%
}

.formpart-remarks .fprs-top .fprs-title {
  box-sizing: border-box;
  color: #404245;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding-right: 14px;
  position: relative;
  -webkit-user-select: none;
  user-select: none
}

.formpart-remarks .fprs-top .fprs-title:hover .tron-icon {
  color: #101010
}

.formpart-remarks .fprs-top .fprs-title.open .tron-icon {
  transform: translateY(-50%) rotate(180deg)
}

.formpart-remarks .fprs-top .fprs-title .tron-icon {
  color: #91979e;
  display: block;
  height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all .2s ease-in-out;
  width: 10px
}

.formpart-remarks .fprs-top .fprs-num-wrap {
  align-items: center;
  color: #73787b;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  justify-content: flex-start;
  line-height: 20px
}

.formpart-remarks .fprs-top .fprs-num-wrap .fprs-num {
  color: #101010
}

.formpart-remarks .fprs-bottom {
  border-radius: 10px;
  box-sizing: border-box;
  height: 87px;
  margin-top: 12px;
  overflow: hidden;
  position: relative;
  transition: all .2s ease-in-out;
  width: 100%
}

.formpart-remarks .fprs-bottom .fprs-textarea {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  box-sizing: border-box;
  color: #101010;
  display: block;
  font-size: 14px;
  height: 87px;
  line-height: 20px;
  outline: none;
  padding: 12px;
  resize: none;
  width: 100%
}

.formpart-remarks .fprs-bottom .fprs-textarea::placeholder {
  color: #91979d
}

.formpart-remarks .fprs-bottom .fprs-textarea:focus {
  border-color: #73787b
}

.formpart-remarks .fprs-bottom .fprs-textarea::-webkit-scrollbar {
  height: 2px;
  width: 2px
}

.formpart-remarks .fprs-bottom .fprs-textarea::-webkit-scrollbar-thumb {
  background: #73787b;
  border-radius: 10px;
  box-shadow: inset 0 0 5px #61b8b31a
}

.formpart-remarks .fprs-bottom .fprs-textarea::-webkit-scrollbar-track {
  background: none;
  border-radius: 10px;
  box-shadow: none
}

.formpart-remarks .fprs-bottom .fprs-clear {
  background: #f3f4f6;
  border-radius: 8px;
  bottom: 12px;
  box-sizing: border-box;
  color: #101010;
  cursor: pointer;
  display: block;
  font-size: 12px;
  line-height: 14px;
  mix-blend-mode: normal;
  padding: 4px 12px;
  position: absolute;
  right: 12px;
  -webkit-user-select: none;
  user-select: none
}

.formpart-remarks .fprs-bottom .fprs-clear:hover {
  background: #eee
}

.formPartToken .ant-select {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  cursor: default;
  height: 40px;
  line-height: 40px;
  padding-right: 28px;
  width: 100%
}

.formPartToken .ant-select.risk-select {
  border-color: #f3bb1c
}

.formPartToken .ant-select.error-select {
  border-color: #e09b98
}

.formPartToken .ant-select.ant-select-focused {
  border-color: #73787b
}

.formPartToken .ant-select.ant-select-focused .token-value-wrap {
  opacity: .3
}

.formPartToken .ant-select.ant-select-allow-clear:not(.select-value) .ant-select-clear {
  opacity: 0
}

.formPartToken .input-group {
  position: relative
}

.formPartToken .input-group .suffix-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px
}

.formPartToken .input-group .suffix-icon .tron-icon {
  color: #c2c9d1;
  height: 10px;
  width: 10px
}

.formPartToken .input-group .suffix-icon:hover .tron-icon {
  color: #101010
}

.formPartToken .input-group .clear-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  position: absolute;
  right: 36px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px
}

.formPartToken .input-group .clear-icon .tron-icon {
  color: #b8b9bc;
  height: 12px;
  top: 0;
  transform: unset;
  width: 12px
}

.formPartToken .input-group .clear-icon:hover .tron-icon {
  color: #87888a
}

.formPartToken .input-group>.form-control:not(:last-child) {
  background: #0000;
  border: none;
  color: #101010;
  height: 40px;
  line-height: 40px;
  width: 100%
}

.formPartToken .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: #0000;
  border: none;
  height: 40px;
  line-height: 40px;
  padding-left: 16px;
  width: 100%
}

.formPartToken .ant-select-selection-item,
.formPartToken .ant-select-single .ant-select-selector .ant-select-selection-placeholder,
.formPartToken .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 40px;
  line-height: 40px
}

.formPartToken .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  color: #91979d;
  font-size: 14px
}

.formPartToken .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  color: #101010;
  font-size: 14px
}

.formPartToken .ant-select-arrow {
  right: 16px
}

.formPartToken label.label {
  color: #404245;
  font-size: 14px;
  line-height: 20px
}

.formPartToken .token-value-wrap {
  height: 100%;
  overflow-x: auto;
  width: 100%
}

.formPartToken .token-value-wrap::-webkit-scrollbar {
  display: none
}

.formPartToken .token-value-wrap img {
  border-radius: 50%
}

.formPartToken .token-value-wrap .token-name {
  color: #101010;
  font-size: 14px;
  margin-left: 8px
}

@media screen and (max-width:768px) {
  .formPartToken .token-value-wrap .token-name {
    overflow: hidden
  }
}

.formPartToken .warn-tip {
  color: #edb012;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px
}

.formPartToken .error-tip {
  color: #c23631;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px
}

.select-send-from {
  border-radius: 10px
}

.select-send-from .ant-select-dropdown-menu .ant-select-dropdown-menu-item {
  color: #333;
  font-size: 12px;
  font-weight: 400;
  padding-left: 15px;
  position: relative
}

.select-send-from .ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected {
  background: #fff
}

.select-send-from .ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected:before {
  background: url(/static/media/right.f952e0b84d7fbb769cf7.png) no-repeat;
  background-position: 50%;
  background-size: 50% 50%;
  bottom: 0;
  content: " ";
  height: 32px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px
}

.select-send-from .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active {
  color: #c23631
}

.select-send-from .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
.select-send-from .ant-select-dropdown-menu .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: #f5f5f5
}

.transfer-select-send-from {
  left: 0 !important;
  overflow: visible;
  top: 45px !important;
  width: 100% !important
}

.transfer-select-send-from.select-send-from {
  border: none
}

.transfer-select-send-from.select-send-from>div {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  box-shadow: 0 5px 20px #1010100d
}

.transfer-select-send-from .ant-select-item-option-selected,
.transfer-select-send-from .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: linear-gradient(270deg, #f9f9fa00 .9%, #f9fafa 4.05%, #f9fafa 96.75%, #f9fafa00)
}

.transfer-select-send-from .ant-select-item-option-selected .ellipsis_box,
.transfer-select-send-from .ant-select-item-option-selected .token-id,
.transfer-select-send-from .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ellipsis_box,
.transfer-select-send-from .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .token-id {
  color: #73787b
}

.transfer-select-send-from.ant-slide-up-leave {
  animation-duration: .01s !important
}

.transfer-token-list-wrap .droplist-wrap {
  max-height: 196px !important
}

.transfer-token-list-wrap .droplist-wrap .empty-wrap {
  margin: 8px auto;
  text-align: center
}

.transfer-token-list-wrap .droplist-wrap .empty-wrap.is-loading {
  margin: 20px auto
}

.transfer-token-list-wrap .droplist-wrap .empty-wrap>.tron-icon,
.transfer-token-list-wrap .droplist-wrap .empty-wrap>img {
  height: 40px;
  width: 40px
}

.transfer-token-list-wrap .droplist-wrap .empty-wrap .no-data {
  color: #999;
  font-size: 12px;
  line-height: 18px
}

.transfer-token-list-wrap .droplist-wrap .empty-wrap .anima-loading {
  animation: rotate-animation 1s linear infinite
}

.transfer-token-list-wrap .rc-virtual-list-scrollbar {
  width: 3px !important
}

.transfer-token-list-wrap .rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb {
  background: #73787b !important
}

.transfer-token-list-wrap .token-balance-wrap {
  overflow: auto
}

.transfer-token-list-wrap .token-balance-wrap .droplist-wrap.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: none
}

.transfer-token-list-wrap .token-balance-wrap .data-empty-wrap .ant-empty-image {
  height: 40px
}

.transfer-token-list-wrap .token-balance-wrap .data-empty-wrap .ant-empty-image .img {
  height: 40px;
  width: 40px
}

.transfer-token-list-wrap .token-balance-wrap .data-empty-wrap .ant-empty-description {
  color: #999;
  font-size: 12px;
  line-height: 18px
}

.transfer-token-list-wrap .token-balance-wrap .ant-tabs-nav-wrap {
  padding-left: 15px
}

.transfer-token-list-wrap .token-balance-wrap .ant-tabs-nav-wrap .ant-tabs-tab {
  padding-bottom: 4px
}

.transfer-token-list-wrap .token-balance-wrap .ant-tabs-nav-wrap .ant-tabs-tab+.ant-tabs-tab {
  margin-left: 16px
}

.transfer-token-list-wrap .token-balance-wrap .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn {
  color: #73787b;
  transition: none
}

.transfer-token-list-wrap .token-balance-wrap .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-active {
  position: relative
}

.transfer-token-list-wrap .token-balance-wrap .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-active:before {
  background-color: #101010;
  border-radius: 20px;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 12px
}

.transfer-token-list-wrap .token-balance-wrap .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #101010
}

.transfer-token-list-wrap .token-balance-wrap .ant-tabs-nav-wrap .ant-tabs-ink-bar {
  display: none
}

.transfer-token-list-wrap .token-balance-wrap>.ant-tabs-nav {
  margin-bottom: 4px
}

.transfer-token-list-wrap .token-balance-wrap>.ant-tabs-nav:before {
  border-bottom: none
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item {
  border-radius: 0;
  display: flex;
  justify-content: space-between;
  padding: 8px 14px
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item .ellipsis_box {
  color: #73787b
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item .ant-select-item-option-content {
  display: flex;
  justify-content: space-between
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item.ant-select-item-option-active,
.transfer-token-list-wrap .token-balance-wrap .token-balance-item.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: none
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item.ant-select-item-option-active.droplist-wrap,
.transfer-token-list-wrap .token-balance-wrap .token-balance-item.ant-select-item-option-active.droplist-wrap:hover {
  background: none !important
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item:not(.token-balance-item-selected):hover {
  background-color: #f9f9fa
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item:not(.token-balance-item-selected):hover .token-name-group {
  color: #c23631
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item.token-balance-item-selected {
  opacity: .3
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item.token-balance-item-empty {
  background: #fff !important
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item.token-balance-item-empty .data-empty-wrap {
  text-align: center;
  width: 100%
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item-left {
  align-items: center;
  display: flex;
  max-width: 270px
}

@media screen and (max-width:768px) {
  .transfer-token-list-wrap .token-balance-wrap .token-balance-item-left {
    max-width: none;
    width: 50%
  }
}

.transfer-token-list-wrap .token-balance-wrap .token-logo {
  align-items: center;
  background-color: #f6f7fb;
  border-radius: 50%;
  display: flex;
  height: 20px !important;
  margin-right: 8px !important;
  width: 20px !important
}

.transfer-token-list-wrap .token-balance-wrap .token-tooltip-trigger {
  position: relative
}

.transfer-token-list-wrap .token-balance-wrap .token-tooltip-trigger .tooltip-trigger {
  cursor: pointer;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px
}

@media screen and (max-width:768px) {
  .transfer-token-list-wrap .token-balance-wrap .token-tooltip-trigger .tooltip-trigger {
    width: 30px
  }
}

.transfer-token-list-wrap .token-balance-wrap .token-name .token-name-group,
.transfer-token-list-wrap .token-balance-wrap .token-name a {
  color: #101010;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media screen and (max-width:768px) {

  .transfer-token-list-wrap .token-balance-wrap .token-name .token-name-group,
  .transfer-token-list-wrap .token-balance-wrap .token-name a {
    max-width: none;
    width: calc(100% - 70px)
  }

  .transfer-token-list-wrap .token-balance-wrap .token-name .token-name-group.token-name-trx-group,
  .transfer-token-list-wrap .token-balance-wrap .token-name a.token-name-trx-group {
    width: 100%
  }
}

.transfer-token-list-wrap .token-balance-wrap .token-id {
  font-size: 12px;
  line-height: 14px;
  margin-top: 4px;
  width: 226px
}

@media screen and (max-width:768px) {
  .transfer-token-list-wrap .token-balance-wrap .token-id {
    max-width: none;
    width: 100%
  }
}

.transfer-token-list-wrap .token-balance-wrap .token-id a {
  color: #91979d
}

.transfer-token-list-wrap .token-balance-wrap .token-id .ellipsis_box_start_content {
  overflow: hidden;
  text-overflow: ellipsis
}

.transfer-token-list-wrap .token-balance-wrap .token-id .ellipsis_box_end {
  margin-left: 1px
}

.transfer-token-list-wrap .token-balance-wrap .token-tag {
  background: #f9ebea;
  border-radius: 5px;
  color: #101010;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  margin-left: 4px;
  padding: 0 8px
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item-right {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 134px
}

@media screen and (max-width:768px) {
  .transfer-token-list-wrap .token-balance-wrap .token-balance-item-right {
    max-width: none;
    width: 50%
  }
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item-right .token-num {
  color: #101010;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  width: 100%
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item-right .token-num-noid .amount-small {
  display: none
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item-right .token-num-noid .amount {
  display: block
}

@media screen and (max-width:768px) {
  .transfer-token-list-wrap .token-balance-wrap .token-balance-item-right .token-num-noid .amount-small {
    display: block
  }

  .transfer-token-list-wrap .token-balance-wrap .token-balance-item-right .token-num-noid .amount {
    display: none
  }

  .transfer-token-list-wrap .token-balance-wrap .token-balance-item-right .token-num-noid span {
    display: block;
    padding-right: 2px;
    width: 40px
  }
}

.transfer-token-list-wrap .token-balance-wrap .token-balance-item-right .token-value {
  color: #91979d;
  font-size: 12px;
  line-height: 14px;
  margin-top: 4px;
  text-align: right;
  width: 100%
}

@media screen and (max-width:768px) {
  .transfer-token-list-wrap .token-balance-wrap .token-balance-item-right .token-value-noid {
    display: block;
    overflow: hidden;
    padding-right: 2px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
  }

  .transfer-token-list-wrap .token-desc {
    width: calc(100% - 25px)
  }

  .transfer-token-list-wrap .token-desc .token-name {
    width: 100%
  }
}

.formPartTokenId .ant-select {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  cursor: default;
  height: 80px;
  padding-right: 28px;
  width: 100%
}

.formPartTokenId .ant-select.ant-select-focused {
  border-color: #73787b
}

.formPartTokenId .ant-select.ant-select-focused .token-value-wrap {
  opacity: .3
}

.formPartTokenId .ant-select.ant-select-allow-clear:not(.select-value) .ant-select-clear {
  opacity: 0
}

.formPartTokenId .input-group {
  position: relative
}

.formPartTokenId .input-group .suffix-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 80px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px
}

.formPartTokenId .input-group .suffix-icon .tron-icon {
  color: #c2c9d1;
  height: 10px;
  width: 10px
}

.formPartTokenId .input-group .suffix-icon:hover .tron-icon {
  color: #101010
}

.formPartTokenId .input-group .clear-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 80px;
  position: absolute;
  right: 36px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px
}

.formPartTokenId .input-group .clear-icon .tron-icon {
  color: #b8b9bc;
  height: 12px;
  top: 0;
  transform: unset;
  width: 12px
}

.formPartTokenId .input-group .clear-icon:hover .tron-icon {
  color: #87888a
}

.formPartTokenId .input-group>.form-control:not(:last-child) {
  background: #0000;
  border: none;
  color: #101010;
  height: 80px;
  width: 100%
}

.formPartTokenId .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: #0000;
  border: none;
  height: 80px;
  padding-left: 16px;
  width: 100%
}

.formPartTokenId .ant-select-selection-item,
.formPartTokenId .ant-select-single .ant-select-selector .ant-select-selection-placeholder,
.formPartTokenId .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 80px
}

.formPartTokenId .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  align-items: center;
  color: #91979d;
  display: flex;
  font-size: 14px
}

.formPartTokenId .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  color: #101010;
  font-size: 14px
}

.formPartTokenId label.label {
  color: #404245;
  font-size: 14px;
  line-height: 20px
}

.formPartTokenId .token-value-wrap {
  height: 100%;
  overflow-x: auto;
  width: 100%
}

.formPartTokenId .token-value-wrap::-webkit-scrollbar {
  display: none
}

.formPartTokenId .token-value-wrap img {
  border-radius: 4px
}

.formPartTokenId .token-value-wrap .token-desc {
  color: #101010;
  font-size: 14px;
  margin-left: 8px
}

.formPartTokenId .token-value-wrap .token-desc .token-name:nth-of-type(2) {
  color: #73787b;
  font-size: 12px
}

.select-token-id-from {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 4px;
  box-shadow: 0 5px 20px #1010100d;
  left: 0 !important;
  top: 85px !important
}

.select-token-id-from .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
.select-token-id-from .token-id-item-selected.ant-select-item-option-selected {
  background: none
}

.select-token-id-from .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ellipsis_box,
.select-token-id-from .token-id-item-selected.ant-select-item-option-selected .ellipsis_box {
  color: #73787b
}

.select-token-id-from .rc-virtual-list-scrollbar {
  width: 3px !important
}

.select-token-id-from .rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb {
  background: #73787b !important
}

.select-token-id-from .ant-select-item.token-id-item-wrap {
  padding: 8px 15px
}

.select-token-id-from .ant-select-item.token-id-item-wrap.token-id-item-selected .token-id-item {
  opacity: .3
}

.select-token-id-from .ant-select-item.token-id-item-wrap.ant-select-item-option-active {
  background: none
}

.select-token-id-from .ant-select-item.token-id-item-wrap:not(.token-id-item-selected):hover {
  background: #f9f9fa
}

.select-token-id-from .ant-select-item.token-id-item-wrap:not(.token-id-item-selected):hover .token-id-item .token-desc .token-id,
.select-token-id-from .ant-select-item.token-id-item-wrap:not(.token-id-item-selected):hover .token-id-item .token-desc .token-name {
  color: #c23631
}

.select-token-id-from .token-id-item img {
  border-radius: 4px
}

.select-token-id-from .token-id-item .token-desc {
  flex: 1 1;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.select-token-id-from .token-id-item .token-desc .token-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%
}

.select-token-id-from .token-id-item .token-desc .token-name:nth-of-type(n).token-name-highlight {
  color: #c23631
}

.select-token-id-from .token-id-item .token-desc .token-name:first-of-type {
  color: #101010;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 4px
}

.select-token-id-from .token-id-item .token-desc .token-name:nth-of-type(2) {
  color: #73787b;
  font-size: 12px;
  line-height: 14px
}

.select-token-id-from .token-id-item .token-balance {
  color: #101010;
  font-size: 14px;
  line-height: 18px;
  max-width: 80px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap
}

.select-token-id-from .data-empty-wrap {
  padding: 10px 0
}

.select-token-id-from .data-empty-wrap .ant-empty-image {
  height: 40px
}

.select-token-id-from .data-empty-wrap .ant-empty-image .img {
  height: 40px;
  width: 40px
}

.select-token-id-from .data-empty-wrap .ant-empty-description {
  color: #999;
  font-size: 12px;
  line-height: 18px
}

.dropdow-token-list-wrap {
  height: fit-content
}

@media screen and (max-width:768px) {
  .dropdow-token-list-wrap {
    pointer-events: none
  }

  .dropdow-token-list-wrap>div {
    pointer-events: auto
  }
}

.dropdow-token-list-wrap.ant-slide-up-leave {
  animation-duration: .01s !important
}

.dropdow-token-list-wrap .droplist-wrap {
  max-height: 196px !important
}

.dropdow-token-list-wrap .droplist-wrap.ant-select-item-option-active {
  background: none
}

.dropdow-token-list-wrap .droplist-wrap .empty-wrap {
  margin: 8px auto;
  text-align: center
}

.dropdow-token-list-wrap .droplist-wrap .empty-wrap.is-loading {
  margin: 20px auto
}

.dropdow-token-list-wrap .droplist-wrap .empty-wrap>.tron-icon,
.dropdow-token-list-wrap .droplist-wrap .empty-wrap>img {
  height: 40px;
  width: 40px
}

.dropdow-token-list-wrap .droplist-wrap .empty-wrap .no-data {
  color: #999;
  font-size: 12px;
  line-height: 18px
}

.dropdow-token-list-wrap .droplist-wrap .empty-wrap .anima-loading {
  animation: rotate-animation 1s linear infinite
}

.formpart-numbers {
  display: block;
  padding-bottom: 20px;
  width: 100%
}

.formpart-numbers .fpns-top {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 12px;
  width: 100%
}

.formpart-numbers .fpns-top .fpns-title {
  color: #404245;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-right: 10px
}

.formpart-numbers .fpns-top .fpns-balance {
  color: #73787b;
  flex: 1 1;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap
}

.formpart-numbers .fpns-top .fpns-balance .fpns-num {
  color: #101010
}

.formpart-numbers .fpns-input-wrap {
  align-items: flex-start;
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 40px;
  padding: 4px 16px;
  position: relative;
  width: 100%
}

.formpart-numbers .fpns-input-wrap.active {
  border-color: #73787b
}

.formpart-numbers .fpns-input-wrap.error {
  border-color: #e09b98
}

.formpart-numbers .fpns-input-wrap .fpns-input {
  -moz-appearance: textfield;
  border: none;
  box-sizing: border-box;
  color: #101010;
  display: block;
  font-size: 14px;
  line-height: 18px;
  max-width: 330px;
  outline: none;
  width: 100%
}

.formpart-numbers .fpns-input-wrap .fpns-input::placeholder {
  color: #91979d
}

.formpart-numbers .fpns-input-wrap .fpns-input::-webkit-inner-spin-button,
.formpart-numbers .fpns-input-wrap .fpns-input::-webkit-outer-spin-button {
  -webkit-appearance: none !important
}

@media screen and (max-width:768px) {
  .formpart-numbers .fpns-input-wrap .fpns-input {
    max-width: 74%
  }
}

.formpart-numbers .fpns-input-wrap .fpns-doll {
  color: #91979d;
  font-size: 12px;
  line-height: 14px;
  max-width: 330px;
  overflow: hidden
}

@media screen and (max-width:768px) {
  .formpart-numbers .fpns-input-wrap .fpns-doll {
    max-width: 200px
  }
}

.formpart-numbers .fpns-input-wrap .fpns-clear {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: absolute;
  right: 73px;
  top: 50%;
  transform: translateY(-50%)
}

.formpart-numbers .fpns-input-wrap .fpns-clear .tron-icon {
  color: #b8b9bc;
  height: 12px;
  top: 0;
  transform: unset;
  width: 12px
}

.formpart-numbers .fpns-input-wrap .fpns-clear:hover .tron-icon {
  color: #87888a
}

.formpart-numbers .fpns-input-wrap .fpns-all {
  background: #f3f4f6;
  border-radius: 8px;
  box-sizing: border-box;
  color: #101010;
  cursor: pointer;
  display: block;
  font-size: 12px;
  line-height: 14px;
  mix-blend-mode: normal;
  padding: 4px 12px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-user-select: none;
  user-select: none
}

.formpart-numbers .fpns-input-wrap .fpns-all:hover {
  background: #eee
}

.formpart-numbers .fpns-error {
  color: #c23631;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  width: 100%;
  word-break: break-word
}

.from-1155-wrap .from-1155-list {
  margin-bottom: 12px;
  margin-right: -5px;
  max-height: 550px;
  overflow: auto;
  padding-right: 5px
}

.from-1155-wrap .from-1155-list.from-1155-list-one {
  overflow: visible
}

.from-1155-wrap .from-1155-list::-webkit-scrollbar {
  height: 200px;
  width: 3px
}

.from-1155-wrap .from-1155-list::-webkit-scrollbar-thumb {
  background-color: #e0e4e8;
  border-radius: 3px
}

.from-1155-wrap .from-1155-list .ant-form-item,
.from-1155-wrap .from-1155-list .formPartTokenId {
  margin-bottom: 20px
}

.from-1155-wrap .from-1155-list .formPartTokenId .ant-select {
  border: none
}

.from-1155-wrap .from-1155-list .formPartTokenId .input-group {
  border-radius: 10px
}

.from-1155-wrap .from-1155-list .formpart-numbers .fpns-input-wrap {
  border: none
}

.from-1155-wrap .from-1155-list .ant-form-item:last-of-type {
  margin-bottom: 0
}

.from-1155-wrap .from-1155-list .formPartTokenId .input-group,
.from-1155-wrap .from-1155-list .formpart-numbers .fpns-input-wrap {
  background: #fff
}

.ant-btn.form-1155-add-btn {
  align-items: center;
  border: 1px solid #73787b;
  border-radius: 6px;
  display: flex;
  font-size: 12px;
  height: 26px;
  justify-content: center;
  line-height: 20px;
  padding: 3px 12px
}

.ant-btn.form-1155-add-btn>.ant-btn-icon {
  display: inline-block;
  margin-inline-end: 4px !important
}

.ant-btn.form-1155-add-btn:focus,
.ant-btn.form-1155-add-btn:hover {
  background: #0000;
  border-color: #73787b;
  color: #101010 !important
}

.ant-btn.form-1155-add-btn:focus span,
.ant-btn.form-1155-add-btn:hover span {
  color: #101010 !important
}

.from-1155-item {
  background: #f6f7fb;
  border-radius: 10px;
  padding: 40px 16px 16px;
  position: relative
}

.from-1155-item.from-1155-item-one-child {
  padding-top: 20px
}

.from-1155-item .mark {
  background: #517ef31a;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  height: 25px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 40px
}

.from-1155-item .dynamic-delete-button {
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 16px
}

.from-1155-item .dynamic-delete-button .tron-icon {
  vertical-align: 0
}

.result-modal-wrap .ant-modal-content {
  border-radius: 20px;
  overflow: hidden
}

.result-modal-wrap .ant-modal-body {
  box-sizing: border-box;
  padding: 30px
}

.result-modal-wrap .ant-modal-body .result-failure,
.result-modal-wrap .ant-modal-body .result-success {
  margin: 0
}

.result-modal-wrap .result-icon {
  box-sizing: border-box;
  display: block;
  height: 120px;
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
  width: 100%
}

.result-modal-wrap .result-icon .tron-icon {
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 60px
}

@keyframes circle {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0)
  }

  to {
    transform: translate3d(-50%, -50%, 0) rotate(1turn)
  }
}

.result-modal-wrap .result-icon.loading .loading-icon {
  animation: evoke-popup-loading 1s linear infinite
}

.result-modal-wrap .result-des {
  color: #101010;
  font-size: 20px;
  line-height: 30px;
  text-align: center
}

.result-modal-wrap .result-des.pd {
  margin-left: 15px
}

.result-modal-wrap .result-des-sub {
  color: #91979d;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 30px;
  text-align: center
}

.result-modal-wrap .result-des-sub span {
  display: block
}

.result-modal-wrap .result-success-des-sub {
  color: #91979d;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  justify-content: center;
  line-height: 24px;
  margin-top: 4px;
  text-align: center
}

.result-modal-wrap .result-success-des-sub-cont {
  max-width: 360px
}

.result-modal-wrap .result-success-operation {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.result-modal-wrap .result-success-operation .result-btn {
  margin-bottom: 0;
  width: calc(50% - 10px)
}

.result-modal-wrap .result-success-operation-single {
  justify-content: center
}

.result-modal-wrap .result-success-operation-single .result-btn {
  width: 100%
}

.result-modal-wrap .result-success .result-btn-text,
.result-modal-wrap .result-warning .result-btn-text {
  font-size: 16px;
  text-align: center
}

.result-modal-wrap .result-success .result-btn-text .icon-more,
.result-modal-wrap .result-warning .result-btn-text .icon-more {
  font-size: 10px;
  margin-left: 2px;
  vertical-align: 0
}

.result-modal-wrap .result-btn {
  align-items: center;
  background: #101010;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  justify-content: center;
  line-height: 1;
  margin: 20px 0 0;
  text-align: center;
  width: 100%
}

.result-modal-wrap .result-btn:hover {
  background: #c23631
}

.result-modal-wrap .result-btn-open {
  background: #fff;
  border: 1px solid #000;
  color: #101010
}

.result-modal-wrap .result-btn-open:hover {
  background: #fff;
  border-color: #c23631;
  color: #c23631
}

.result-modal-wrap .result-btn-text {
  color: #c23631;
  cursor: pointer;
  margin: 8px 0 16px
}

.result-modal-wrap .result-btn-cancel {
  background: #fff;
  border: 1px solid #000;
  color: #101010
}

.result-modal-wrap .result-btn-group {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.result-modal-wrap .result-btn-group .result-btn {
  flex: 1 1;
  margin-right: 20px
}

.result-modal-wrap .result-btn-group .result-btn:last-child {
  margin-right: 0
}

.result-modal-wrap .result-close {
  cursor: pointer;
  display: flex;
  position: absolute;
  right: 20px;
  top: 20px
}

.result-modal-wrap .common-error .result-des {
  padding-bottom: 12px
}

.result-modal-wrap .common-error .notice-title {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
  text-align: center
}

@media only screen and (max-width:768px) {
  .result-modal-wrap .ant-modal-body {
    padding: 30px 15px
  }
}

.question-mark-icon {
  color: #101010;
  font-size: 8px
}

.tooltip-learn-more a {
  color: #fff !important
}

.tooltip-learn-more a:not(.btn):hover {
  color: #f64744 !important
}

.tooltip-link-wrap a:hover {
  color: #ff7c77 !important
}

.tooltip-text-left {
  text-align: left
}

.ant-tooltip {
  max-width: 410px
}

@media screen and (max-width:768px) {
  .ant-tooltip {
    max-width: 300px
  }
}

.formpart-sendbtn-wrap .send-btn {
  background: #101010;
  border: none;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  width: 100%
}

.formpart-sendbtn-wrap .send-btn.ant-btn-two-chinese-chars>:not(.anticon) {
  letter-spacing: 0
}

.formpart-sendbtn-wrap .send-btn:not(.disabled):hover {
  background-color: #c23631 !important
}

.formpart-sendbtn-wrap .send-btn.disabled {
  background-color: #c2c9d1
}

.formpart-sendbtn-wrap .send-btn .button-loading {
  animation: circl 1.44s linear infinite;
  height: 16px;
  margin-right: 8px;
  width: 16px
}

.formpart-sendbtn-wrap .ant-btn:active,
.formpart-sendbtn-wrap .ant-btn:focus {
  background: #101010;
  color: #fff
}

.formpart-sendbtn-wrap .ant-btn[disabled],
.formpart-sendbtn-wrap .ant-btn[disabled]:active,
.formpart-sendbtn-wrap .ant-btn[disabled]:focus,
.formpart-sendbtn-wrap .ant-btn[disabled]:hover {
  background-color: #c2c9d1;
  border: none;
  color: #fff
}

.formpart-sendbtn-wrap .send-address-tip {
  align-items: center;
  box-sizing: border-box;
  color: #517ef3;
  display: flex;
  flex-direction: row;
  font-size: 12px;
  justify-content: flex-start;
  line-height: 20px;
  margin-bottom: 10px;
  position: relative;
  width: 100%
}

.formpart-sendbtn-wrap .send-address-tip .d-inline-block {
  margin-right: 6px
}

.new-tag-wrap {
  align-items: center;
  background: #f7f8f9;
  border-radius: 4px;
  color: #404245;
  display: inline-flex;
  flex-shrink: 0;
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  padding: 5px 8px
}

.sendMultiFormPart {
  font-style: normal;
  font-weight: 400
}

.sendMultiFormPart label {
  color: #101010;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 12px
}

.sendMultiFormPart label .question-mark-wrap {
  margin-right: 6px
}

.sendMultiFormPart .input-group {
  margin-bottom: 20px
}

.sendMultiFormPart .input-group .input-group-arrow {
  color: #c2c9d1;
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute;
  right: 16px;
  top: 15px;
  width: 10px
}

.sendMultiFormPart .input-group .input-group-arrow:hover {
  color: #101010
}

.sendMultiFormPart .input-group .custom-input {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  color: #101010;
  font-size: 14px;
  height: 40px;
  outline: none !important;
  padding: 10px 16px;
  width: 100%
}

.sendMultiFormPart .input-group .custom-input:focus {
  border: 1px solid #74787b
}

@media screen and (max-width:768px) {
  .sendMultiFormPart .input-group .custom-input {
    padding-right: 34px
  }
}

.sendMultiFormPart .input-group .custom-input::placeholder {
  color: #91979d
}

.sendMultiFormPart .input-group .custom-input.warn-tips {
  border-color: #e09b98
}

.sendMultiFormPart .input-group .droplist-wrap {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  box-shadow: 0 5px 20px #1010100d;
  left: 0;
  max-height: 253px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 48px;
  width: 100%;
  z-index: 3
}

.sendMultiFormPart .input-group .droplist-wrap .item {
  cursor: pointer;
  padding: 8px 16px
}

.sendMultiFormPart .input-group .droplist-wrap .item:first-child {
  padding-top: 14px
}

.sendMultiFormPart .input-group .droplist-wrap .item:last-child {
  padding-bottom: 14px
}

.sendMultiFormPart .input-group .droplist-wrap .item .title {
  align-items: center;
  color: #101010;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  font-weight: 400;
  justify-content: flex-start;
  line-height: 18px;
  width: 100%
}

.sendMultiFormPart .input-group .droplist-wrap .item .title .new-tag-wrap {
  flex-shrink: unset
}

@media screen and (max-width:768px) {
  .sendMultiFormPart .input-group .droplist-wrap .item .title .t-l {
    flex: 1 1;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .sendMultiFormPart .input-group .droplist-wrap .item .title .new-tag-wrap {
    max-width: 80px
  }
}

.sendMultiFormPart .input-group .droplist-wrap .item .title .cur {
  color: #7f471c;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap
}

.sendMultiFormPart .input-group .droplist-wrap .item .tags-mt {
  margin-top: 8px !important
}

.sendMultiFormPart .input-group .droplist-wrap .item:not(.active):hover {
  background: #f9f9fa
}

.sendMultiFormPart .input-group .droplist-wrap .item:not(.active):hover .title {
  color: #c23631
}

.sendMultiFormPart .input-group .droplist-wrap .item:not(.active):hover .d-tags {
  color: #c23631 !important
}

.sendMultiFormPart .input-group .droplist-wrap .item .ss-key {
  color: #c23631
}

.sendMultiFormPart .input-group .droplist-wrap .item.active .t-l,
.sendMultiFormPart .input-group .droplist-wrap .item.active .tags-mt {
  opacity: .5
}

.sendMultiFormPart .input-group .droplist-wrap .loading-wrapper .loading-icon {
  height: 30px;
  width: 30px
}

.sendMultiFormPart .input-group .form-tips-wrap {
  color: #c23631;
  font-size: 12px;
  line-height: 20px;
  margin-top: 10px
}

.sendMultiFormPart .input-group .form-tips-wrap.tips-c-blue {
  color: #517ef3
}

.sendMultiFormPart .input-group .clear-btn {
  color: #b6bbc5;
  cursor: pointer;
  height: 12px;
  position: absolute;
  right: 38px;
  top: 14px;
  width: 12px
}

.sendMultiFormPart .input-group .clear-btn:hover {
  color: #101010
}

.formPartControlAccount,
.formPartRecycleAccount {
  border-bottom: 1px solid #f0f2f3;
  margin-bottom: 16px;
  position: relative;
  z-index: 3
}

.formPartControlAccount .input-group .address-tags-wrap,
.formPartRecycleAccount .input-group .address-tags-wrap {
  margin-top: 10px;
  width: 100%
}

.formPartControlAccount .input-group .address-tags-wrap .d-tags,
.formPartRecycleAccount .input-group .address-tags-wrap .d-tags {
  background: #f3f4f6;
  border-radius: 5px;
  color: #73787b;
  display: inline-block;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  margin-right: 8px;
  max-width: 50%;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.formPartControlAccount .input-group .address-tags-wrap .d-tags.max-100,
.formPartRecycleAccount .input-group .address-tags-wrap .d-tags.max-100 {
  max-width: 100%
}

.formPartControlAccount .input-group .droplist-wrap .empty-wrap,
.formPartRecycleAccount .input-group .droplist-wrap .empty-wrap {
  margin: 8px auto;
  text-align: center
}

.formPartControlAccount .input-group .droplist-wrap .empty-wrap>.empty-image,
.formPartControlAccount .input-group .droplist-wrap .empty-wrap>img,
.formPartRecycleAccount .input-group .droplist-wrap .empty-wrap>.empty-image,
.formPartRecycleAccount .input-group .droplist-wrap .empty-wrap>img {
  height: 40px;
  width: 40px
}

.formPartControlAccount .input-group .droplist-wrap .empty-wrap .no-data,
.formPartRecycleAccount .input-group .droplist-wrap .empty-wrap .no-data {
  color: #999;
  font-size: 12px;
  line-height: 18px
}

.formPartRecycleAccount {
  border-bottom: none;
  margin-bottom: 0;
  z-index: 2
}

.formPartRecycleAccount .droplist-wrap {
  z-index: 2
}

.formPartRecycleAccount .droplist-wrap .load-more {
  align-items: center;
  color: #c23631;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  line-height: 30px;
  width: 100%
}

.formPartRecycleAccount .droplist-wrap .load-more .icon-more-arrow {
  color: #c23631
}

.formPartRecycleAccount .droplist-wrap .loading-wrapper .tron-icon {
  animation: evoke-popup-loading 1s linear infinite;
  display: block;
  height: 60px;
  margin: 30px auto;
  width: 40px
}

.formPartPermission {
  border-top: 1px solid #f0f2f3;
  margin-top: 20px;
  padding-top: 20px
}

.formPartPermission .input-group .droplist-wrap {
  max-height: 196px !important
}

.formPartPermission .input-group .droplist-wrap .empty-wrap {
  margin: 8px auto;
  text-align: center
}

.formPartPermission .input-group .droplist-wrap .empty-wrap.is-loading {
  margin: 20px auto
}

.formPartPermission .input-group .droplist-wrap .empty-wrap>.tron-icon,
.formPartPermission .input-group .droplist-wrap .empty-wrap>img {
  height: 40px;
  width: 40px
}

.formPartPermission .input-group .droplist-wrap .empty-wrap .no-data {
  color: #999;
  font-size: 12px;
  line-height: 18px
}

@keyframes rotate-animation {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.formPartPermission .input-group .droplist-wrap .empty-wrap .anima-loading {
  animation: rotate-animation 1s linear infinite
}

.formPartPermission .input-group .droplist-wrap .permission-title {
  align-items: center;
  color: #101010;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  padding: 4px 16px
}

.formPartPermission .input-group .droplist-wrap .permission-title:first-child {
  padding-top: 16px
}

.formPartPermission .input-group .droplist-wrap .permission-item {
  align-items: center;
  display: flex;
  padding: 4px 16px;
  position: relative
}

.formPartPermission .input-group .droplist-wrap .permission-item:last-child {
  margin-bottom: 12px
}

.formPartPermission .input-group .droplist-wrap .permission-item .l-icon {
  color: #c2c9d1;
  height: 8px;
  margin-top: -4px;
  width: 8px
}

.formPartPermission .input-group .droplist-wrap .permission-item .d-mission {
  color: #101010;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.formPartPermission .input-group .droplist-wrap .permission-item:not(.active1):hover {
  background: #f9f9fa;
  cursor: pointer
}

.formPartPermission .input-group .droplist-wrap .permission-item:not(.active1):hover .d-mission,
.formPartPermission .input-group .droplist-wrap .permission-item:not(.active1):hover .l-icon {
  color: #c23631 !important
}

.formPartPermission .input-group .droplist-wrap .permission-item.active1 {
  cursor: pointer;
  opacity: .5
}

.formPartPermission .input-group .waiting-sign-wrap {
  background: #f6f7fb;
  border-radius: 10px;
  margin-top: 8px;
  padding: 16px;
  width: 100%
}

.formPartPermission .input-group .waiting-sign-wrap .sign-item {
  align-items: center;
  color: #404245;
  display: flex;
  font-size: 14px;
  justify-content: space-around;
  line-height: 20px;
  margin-bottom: 12px
}

.formPartPermission .input-group .waiting-sign-wrap .sign-item:last-child {
  margin-bottom: 0
}

.formPartPermission .input-group .waiting-sign-wrap .sign-item.c-bla {
  color: #101010
}

.formPartPermission .input-group .waiting-sign-wrap .sign-item .left {
  display: flex;
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.formPartPermission .input-group .waiting-sign-wrap .sign-item .left .question-mark-wrap {
  margin-right: 6px
}

.formPartPermission .input-group .waiting-sign-wrap .sign-item .right {
  display: flex
}

.formPartPermission .input-group .waiting-sign-wrap .sign-title {
  color: #73787b;
  font-size: 14px
}

.formPartFailureTime .input-group:after {
  display: none
}

.formPartFailureTime .input-group .clear-btn {
  right: 17px
}

.send-multi-modal .formpart-numbers {
  padding-bottom: 0
}

@media screen and (max-width:768px) {
  .send-multi-modal {
    position: relative
  }

  .send-multi-modal .ant-form {
    max-height: 500px;
    overflow-y: auto;
    padding-bottom: 40px
  }

  .send-multi-modal .formpart-remarks {
    padding-bottom: 55px
  }

  .send-multi-modal .formpart-sendbtn-multi-wrap {
    background: #fff;
    bottom: 30px;
    left: 0;
    padding: 0 15px;
    position: absolute;
    width: 100%
  }

  .send-multi-modal .formpart-sendbtn-multi-wrap .form-submit-button {
    margin-top: 0
  }
}

.contractTag {
  max-width: 100%
}

.contractTag .tagWrap {
  background: #f2f2f2;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
  max-width: 238px;
  overflow: hidden;
  padding: 0 8px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.contractTag .larger-tag-width {
  max-width: 345px !important
}

.contractTag .tag {
  display: flex;
  font-size: 12px
}

.contractTag .tag,
.contractTag .tag a,
.contractTag .tag:hover {
  color: #101010 !important
}

.contractTag .tag a {
  align-items: center;
  display: flex
}

.contractTag .tag a span {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px
}

.contractTag .tag a:hover {
  color: #101010 !important
}

.contractTag .tagDeatilWrap {
  height: 20px;
  line-height: 20px;
  margin-left: 5px;
  max-width: 238px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.contractTag .tagDeatilWrap .tagDetail {
  font-size: 12px
}

.contractTag .tagAddress {
  color: #c23631;
  cursor: pointer;
  max-width: 238px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.contractTag .tagAddress:hover {
  color: #c23631 !important
}

.truncate-address .contractTag .tagAddress {
  color: #666;
  cursor: default;
  max-width: 238px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.truncate-address .contractTag .tagAddress:hover {
  color: #666 !important
}

.labelShow {
  max-width: 160px;
  text-overflow: ellipsis
}

.labelShow .commonLabelShow,
.labelShow .contractLabelShow,
.labelShow .contractNameShow,
.labelShow .privateLabel {
  align-items: center;
  background: #e5e6e9;
  border-radius: 4px;
  color: #101010;
  display: inline-flex;
  font-size: 14px;
  line-height: 20px;
  margin-left: 6px;
  max-width: 160px;
  padding: 3px 8px
}

.labelShow .commonLabelShow .labelCont,
.labelShow .contractLabelShow .labelCont,
.labelShow .contractNameShow .labelCont,
.labelShow .privateLabel .labelCont {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis
}

.labelShow .commonLabelShow .labelCont.privateLabelShow,
.labelShow .contractLabelShow .labelCont.privateLabelShow,
.labelShow .contractNameShow .labelCont.privateLabelShow,
.labelShow .privateLabel .labelCont.privateLabelShow {
  max-width: calc(100% - 8px)
}

.labelShow .cursor-default {
  cursor: default
}

#snackbar {
  background: #000000b3;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  left: 50%;
  margin-left: -125px;
  min-width: 250px;
  padding: 16px;
  position: fixed;
  text-align: center;
  top: 200px;
  visibility: hidden;
  z-index: 9999
}

#snackbar.show {
  animation: fadein .5s, fadeout .5s 2.5s;
  visibility: visible
}

#snackbar.show.show-keep,
#snackbar.show.show5s {
  animation: fadein .5s
}

#snackbar.show.upgrade-toast {
  line-height: 20px;
  max-width: 400px;
  padding: 15px 30px
}

#snackbar.show.upgrade-toast .relase-message {
  font-size: 12px;
  line-height: 20px;
  margin-top: 4px;
  text-align: left
}

#snackbar.show.upgrade-toast .close {
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  margin-left: 20px;
  position: absolute;
  right: 20px;
  top: 20px
}

@keyframes fadein {
  0% {
    opacity: 0;
    top: 0
  }

  to {
    opacity: 1;
    top: 200px
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
    top: 200px
  }

  to {
    opacity: 0;
    top: 0
  }
}

@media screen and (max-width:768px) {
  #snackbar {
    left: 15px;
    margin-left: 0;
    right: 15px
  }

  #snackbar.show.upgrade-toast {
    max-width: none;
    padding: 15px 20px
  }
}

.common-modal.common-result-modal.upper-common-result-modal,
.common-modal.common-result-modal.upper-common-result-modal+.ant-modal-mask {
  z-index: 1060
}

.common-modal.common-result-modal.token-edit-result-modal .notice-children {
  margin-top: 30px
}

.common-modal.common-result-modal.token-edit-result-modal .notice-children .title {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 30px
}

.common-modal.common-result-modal.token-edit-result-modal .notice-children .desc {
  color: #101010;
  line-height: 26px;
  margin-bottom: 20px
}

.common-modal.common-result-modal.top-title-common-result-modal .notice-title {
  font-size: 20px;
  font-weight: 600;
  left: 0;
  line-height: 24px;
  margin-top: 0;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 100%
}

.common-modal.common-result-modal.top-title-common-result-modal .notice-icon {
  margin-top: 90px
}

.common-modal.common-result-modal.progress-result-modal .in-progress-title {
  color: #101010 !important;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
  margin-top: 0;
  text-align: center
}

.common-modal.common-result-modal .notice-title {
  color: #101010 !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 20px
}

.common-modal.common-result-modal .notice-title+.notice-desc {
  color: #91979d !important;
  font-weight: 300;
  margin-top: 10px
}

.common-modal.common-result-modal .notice-children {
  color: #73787b;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px;
  text-align: center
}

.common-modal.common-result-modal .notice-info {
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 30px;
  text-align: center
}

.common-modal.common-result-modal .notice-btn {
  margin-top: 20px
}

.common-modal.common-result-modal .btn-wrapper {
  align-items: center;
  display: flex;
  justify-content: center
}

.common-modal.common-result-modal .btn-wrapper .cancel-btn,
.common-modal.common-result-modal .btn-wrapper .confirm-btn {
  flex: 1 1;
  height: 40px
}

.common-modal.common-result-modal .btn-wrapper .cancel-btn {
  border: 1px solid #101010;
  border-radius: 10px;
  color: #101010;
  cursor: pointer;
  font-size: 16px;
  line-height: 40px;
  margin-right: 20px;
  margin-top: 20px;
  text-align: center;
  text-decoration: none
}

.common-modal.common-result-modal .btn-wrapper .cancel-btn:hover {
  border-color: #c23631;
  color: #c23631
}

.ant-modal-mask :has(+.upper-common-result-modal) {
  z-index: 1055
}

.privateLabelModal {
  z-index: 2000
}

.privateLabelModal .result-icon {
  margin: 60px 0 28px;
  text-align: center
}

.privateLabelModal .result-icon i {
  font-size: 60px !important;
  line-height: 1
}

.privateLabelModal .btns {
  margin-top: 30px
}

.privateLabelModal .content {
  color: #91979d;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 0;
  margin-top: 12px;
  text-align: center
}

.tag-form .loading-icon {
  animation: loading 1s linear infinite forwards;
  margin-left: 4px
}

.tag-form .form-group .delete-private-label {
  color: #c23631;
  cursor: pointer;
  font-size: 12px
}

.tag-form .form-group .tag-title-wrap {
  margin-bottom: 12px
}

.tag-form .form-group .tag-title-wrap label {
  margin-bottom: 0 !important
}

.tag-form .input-group {
  position: relative
}

.tag-form .input-group .clear-icon {
  color: #b6bbc5;
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9
}

.delete-private-label-modal .notice-title {
  font-weight: 400;
  margin-bottom: 30px
}

.tags .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tags .tag-len {
  width: 200px
}

.tags .desc-len {
  width: 340px
}

.tags .btn-default {
  background: #fff;
  border: 1px solid #999
}

.tags .btn-default span {
  color: #999
}

.tags .btn-default:disabled span,
.tags .btn-default:hover span {
  color: #999 !important
}

.tags .btn-danger {
  background: #fff;
  border: 1px solid #c23631
}

.tags .btn-danger span {
  color: #c23631
}

.tags .ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border: none
}

.tags .no-data {
  margin: 0 auto;
  text-align: center
}

.tag-form .rec-tags {
  color: #666;
  cursor: pointer
}

.tag-form .rec-tags b {
  color: #c8c8c8;
  font-weight: 400 !important
}

.tag-form .rec-tags .tag-name {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tag-form .tag-flex-wrap {
  flex-wrap: wrap
}

.label-form .form-group {
  margin-bottom: 20px
}

.label-form .form-group label {
  color: #404245;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 12px
}

.label-form .form-group label .required-prefix {
  color: #c23631;
  margin-right: 4px
}

.label-form .form-group input,
.label-form .form-group textarea {
  border: 1px solid #c2c9d1;
  border-radius: 10px !important;
  height: 40px
}

.label-form .form-group input::placeholder,
.label-form .form-group textarea::placeholder {
  color: #91979d
}

.label-form .form-group textarea {
  height: 100px;
  resize: none
}

.label-form .form-group .form-control:focus {
  border-color: #73787b;
  box-shadow: none
}

.label-form .form-group .form-control.is-invalid {
  background: none;
  padding-right: .75rem
}

.label-form .form-group .form-control:disabled {
  background-color: #f0f2f3
}

.label-form .submit-btn {
  background: #101010;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 24px;
  width: 100%
}

.label-form .submit-btn:hover {
  background-color: #c23631
}

.label-form .btn:disabled {
  background-color: #c2c9d1;
  opacity: 1
}

@media only screen and (max-width:765px) {
  .tags .tag-len {
    width: 100px
  }

  .tags .desc-len {
    width: 200px
  }
}

.account-sr-team-to-github {
  margin-left: 6px
}

.contract-transfer-all .tron-trigger-highlight {
  display: block !important
}

.new-data-wrapper-container:has(.tron-address-highlight),
.new-data-wrapper-container:has(.tron-all-highlight) {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px;
  padding: 2px 9px
}

.ts-tb-wrap .address-table .address-name .new-data-wrapper-container:has(.tron-trigger-highlight) {
  border: 1px solid #0000;
  padding-left: 4px !important;
  padding-right: 4px !important
}

.ts-tb-wrap .address-table .address-name .new-data-wrapper-container:has(.tron-trigger-highlight):has(.tron-address-highlight),
.ts-tb-wrap .address-table .address-name .new-data-wrapper-container:has(.tron-trigger-highlight):has(.tron-all-highlight) {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px;
  padding: 2px 9px
}

.contract-trriger .tron-address-highlight .react-contextmenu-wrapper .truncate-ellipsis span>.address-link-wrap,
.contract-trriger .tron-all-highlight .react-contextmenu-wrapper .truncate-ellipsis span>.address-link-wrap {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px;
  padding: 2px 5px
}

.event-logs .common-item .eventAddress .tron-all-highlight .react-contextmenu-wrapper .truncate-ellipsis span>.address-link-wrap {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px;
  padding: 2px 9px
}

.txn-action-top .tron-trigger-highlight.tron-txn-header-include-copy:has(.flagIcon) {
  padding-left: 4px
}

.behavior-render-wrapper .tron-trigger-highlight:first-child.tron-txn-header-include-copy,
.trans-type-info .bttc_address_wrap .tron-trigger-highlight:first-child.tron-txn-header-include-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .tron-trigger-highlight:first-child.tron-txn-header-include-copy {
  margin-left: -4px
}

.behavior-render-wrapper .tron-trigger-highlight:first-child.tron-highlight-exclude-copy,
.trans-type-info .bttc_address_wrap .tron-trigger-highlight:first-child.tron-highlight-exclude-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .tron-trigger-highlight:first-child.tron-highlight-exclude-copy {
  margin-left: 0
}

.behavior-render-wrapper .tron-trigger-highlight:first-child.tron-highlight-exclude-copy .truncate-ellipsis,
.trans-type-info .bttc_address_wrap .tron-trigger-highlight:first-child.tron-highlight-exclude-copy .truncate-ellipsis,
.trans-type-info .common-behavior .behavior-render-wrapper .tron-trigger-highlight:first-child.tron-highlight-exclude-copy .truncate-ellipsis {
  margin-left: -4px
}

.behavior-render-wrapper .tron-trigger-highlight:first-child .address-container,
.trans-type-info .bttc_address_wrap .tron-trigger-highlight:first-child .address-container,
.trans-type-info .common-behavior .behavior-render-wrapper .tron-trigger-highlight:first-child .address-container {
  margin-left: 0
}

.behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .bttc_address_wrap .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight.tron-txn-header-include-copy {
  margin-left: -4px
}

.behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight.tron-highlight-exclude-copy,
.trans-type-info .bttc_address_wrap .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight.tron-highlight-exclude-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight.tron-highlight-exclude-copy {
  margin-left: 0
}

.behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight.tron-highlight-exclude-copy .truncate-ellipsis,
.trans-type-info .bttc_address_wrap .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight.tron-highlight-exclude-copy .truncate-ellipsis,
.trans-type-info .common-behavior .behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight.tron-highlight-exclude-copy .truncate-ellipsis {
  margin-left: -4px
}

.behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight .address-container,
.trans-type-info .bttc_address_wrap .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight .address-container,
.trans-type-info .common-behavior .behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):first-child .tron-trigger-highlight .address-container {
  margin-left: 0
}

.behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight.tron-txn-header-include-copy,
.behavior-render-wrapper .ml-1 .tron-trigger-highlight:first-child.tron-txn-header-include-copy,
.behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight:first-child.tron-txn-header-include-copy,
.trans-type-info .bttc_address_wrap .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .bttc_address_wrap .ml-1 .tron-trigger-highlight:first-child.tron-txn-header-include-copy,
.trans-type-info .bttc_address_wrap .tron-ml-4px .tron-trigger-highlight:first-child.tron-txn-header-include-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .ml-1 .tron-trigger-highlight:first-child.tron-txn-header-include-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight:first-child.tron-txn-header-include-copy {
  margin-left: -4px
}

.behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight.tron-highlight-exclude-copy,
.behavior-render-wrapper .ml-1 .tron-trigger-highlight:first-child.tron-highlight-exclude-copy,
.behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight:first-child.tron-highlight-exclude-copy,
.trans-type-info .bttc_address_wrap .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight.tron-highlight-exclude-copy,
.trans-type-info .bttc_address_wrap .ml-1 .tron-trigger-highlight:first-child.tron-highlight-exclude-copy,
.trans-type-info .bttc_address_wrap .tron-ml-4px .tron-trigger-highlight:first-child.tron-highlight-exclude-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight.tron-highlight-exclude-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .ml-1 .tron-trigger-highlight:first-child.tron-highlight-exclude-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight:first-child.tron-highlight-exclude-copy {
  margin-left: 0
}

.behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight.tron-highlight-exclude-copy .truncate-ellipsis,
.behavior-render-wrapper .ml-1 .tron-trigger-highlight:first-child.tron-highlight-exclude-copy .truncate-ellipsis,
.behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight:first-child.tron-highlight-exclude-copy .truncate-ellipsis,
.trans-type-info .bttc_address_wrap .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight.tron-highlight-exclude-copy .truncate-ellipsis,
.trans-type-info .bttc_address_wrap .ml-1 .tron-trigger-highlight:first-child.tron-highlight-exclude-copy .truncate-ellipsis,
.trans-type-info .bttc_address_wrap .tron-ml-4px .tron-trigger-highlight:first-child.tron-highlight-exclude-copy .truncate-ellipsis,
.trans-type-info .common-behavior .behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight.tron-highlight-exclude-copy .truncate-ellipsis,
.trans-type-info .common-behavior .behavior-render-wrapper .ml-1 .tron-trigger-highlight:first-child.tron-highlight-exclude-copy .truncate-ellipsis,
.trans-type-info .common-behavior .behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight:first-child.tron-highlight-exclude-copy .truncate-ellipsis {
  margin-left: -4px
}

.behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight .address-container,
.behavior-render-wrapper .ml-1 .tron-trigger-highlight:first-child .address-container,
.behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight:first-child .address-container,
.trans-type-info .bttc_address_wrap .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight .address-container,
.trans-type-info .bttc_address_wrap .ml-1 .tron-trigger-highlight:first-child .address-container,
.trans-type-info .bttc_address_wrap .tron-ml-4px .tron-trigger-highlight:first-child .address-container,
.trans-type-info .common-behavior .behavior-render-wrapper .d-flex:has(.tron-trigger-highlight):not(:first-child) .tron-trigger-highlight .address-container,
.trans-type-info .common-behavior .behavior-render-wrapper .ml-1 .tron-trigger-highlight:first-child .address-container,
.trans-type-info .common-behavior .behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight:first-child .address-container {
  margin-left: 4px
}

.behavior-render-wrapper .d-flex.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy,
.behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight.tron-txn-header-include-copy,
.behavior-render-wrapper div.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .bttc_address_wrap .d-flex.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .bttc_address_wrap .tron-ml-4px .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .bttc_address_wrap div.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .d-flex.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .common-behavior .behavior-render-wrapper div.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy {
  margin-left: 0
}

.behavior-render-wrapper .d-flex.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy:has(.flagIcon),
.behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight.tron-txn-header-include-copy:has(.flagIcon),
.behavior-render-wrapper div.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy:has(.flagIcon),
.trans-type-info .bttc_address_wrap .d-flex.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy:has(.flagIcon),
.trans-type-info .bttc_address_wrap .tron-ml-4px .tron-trigger-highlight.tron-txn-header-include-copy:has(.flagIcon),
.trans-type-info .bttc_address_wrap div.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy:has(.flagIcon),
.trans-type-info .common-behavior .behavior-render-wrapper .d-flex.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy:has(.flagIcon),
.trans-type-info .common-behavior .behavior-render-wrapper .tron-ml-4px .tron-trigger-highlight.tron-txn-header-include-copy:has(.flagIcon),
.trans-type-info .common-behavior .behavior-render-wrapper div.ml-1 .tron-trigger-highlight.tron-txn-header-include-copy:has(.flagIcon) {
  padding-left: 0
}

.behavior-render-wrapper .trigger-contract-address .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .bttc_address_wrap .trigger-contract-address .tron-trigger-highlight.tron-txn-header-include-copy,
.trans-type-info .common-behavior .behavior-render-wrapper .trigger-contract-address .tron-trigger-highlight.tron-txn-header-include-copy {
  margin-left: 4px
}

.behavior-render-wrapper .address-container:has(.flagIcon),
.trans-type-info .bttc_address_wrap .address-container:has(.flagIcon),
.trans-type-info .common-behavior .behavior-render-wrapper .address-container:has(.flagIcon) {
  margin-left: 0
}

.tron-trigger-highlight.tron-txn-internal-wrap .new-tag-wrap {
  margin-left: 6px !important
}

.tron-trigger-highlight.tron-highlight-exclude-copy .address-link-wrap .address-link {
  border: 1px dashed #0000;
  height: 26px !important;
  padding: 2px 4px
}

.tron-trigger-highlight.tron-highlight-exclude-copy.tron-address-highlight .address-link-wrap .address-link {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px
}

.tron-trigger-highlight.tron-txn-header-include-copy {
  border: 1px dashed #0000;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 4px
}

.tron-trigger-highlight.tron-txn-header-include-copy.tron-txn-overview-wrap>.address-container {
  margin-left: 0
}

.tron-trigger-highlight.tron-txn-header-include-copy:has(.flagIcon) {
  margin-left: 4px;
  padding-left: 0
}

.tron-trigger-highlight.tron-txn-header-include-copy .flagIcon {
  margin-left: 4px
}

.tron-trigger-highlight.tron-txn-header-include-copy .address-container .address-link-wrap .ellipsis_box_copy {
  margin-right: 4px
}

.tron-trigger-highlight.tron-txn-header-include-copy.tron-all-highlight {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px
}

.tron-trigger-highlight.tron-txn-header-include-copy.tron-all-highlight .commonLabelShow,
.tron-trigger-highlight.tron-txn-header-include-copy.tron-all-highlight .flagIcon {
  background: #f0f2f3
}

.tron-trigger-highlight.tron-txn-internal-include-copy {
  height: 100%
}

.tron-trigger-highlight.tron-txn-internal-include-copy .address-link-wrap {
  max-width: max-content;
  padding: 2px 4px
}

.tron-trigger-highlight.tron-txn-internal-include-copy.tron-all-highlight .address-link-wrap {
  background: #fff4eb;
  border: 1px dashed #fd8e39;
  border-radius: 4px;
  padding: 1px 3px
}

.address-qrcode.address-qrcode-new .ant-modal-content,
.wallet-account-modal.address-qrcode-new .ant-modal-content {
  border-radius: 20px;
  padding: 0 30px;
  position: relative
}

.address-qrcode.address-qrcode-new .ant-modal-content .ant-modal-header,
.wallet-account-modal.address-qrcode-new .ant-modal-content .ant-modal-header {
  border-bottom: 0;
  padding: 30px 0 0
}

.address-qrcode.address-qrcode-new .ant-modal-content .ant-modal-header h5.modal-title,
.wallet-account-modal.address-qrcode-new .ant-modal-content .ant-modal-header h5.modal-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin: auto
}

.address-qrcode.address-qrcode-new .ant-modal-content .ant-modal-header button,
.wallet-account-modal.address-qrcode-new .ant-modal-content .ant-modal-header button {
  position: absolute;
  right: 20px;
  top: 20px
}

.address-qrcode.address-qrcode-new .ant-modal-content .ant-modal-header button span,
.wallet-account-modal.address-qrcode-new .ant-modal-content .ant-modal-header button span {
  color: #101010;
  font-size: 26px;
  font-weight: 400
}

.address-qrcode.address-qrcode-new .ant-modal-content .ant-modal-body,
.wallet-account-modal.address-qrcode-new .ant-modal-content .ant-modal-body {
  padding: 0 0 30px
}

.address-qrcode.address-qrcode-new .ant-modal-content .ant-modal-body .content-title,
.wallet-account-modal.address-qrcode-new .ant-modal-content .ant-modal-body .content-title {
  color: #616568;
  font-size: 14px;
  line-height: 20px
}

.address-qrcode.address-qrcode-new .ant-modal-content .ant-modal-body .address-area,
.wallet-account-modal.address-qrcode-new .ant-modal-content .ant-modal-body .address-area {
  background: #f6f7fb;
  border-radius: 10px
}

.address-qrcode.address-qrcode-new .ant-modal-content .ant-modal-body .form-control[readonly],
.wallet-account-modal.address-qrcode-new .ant-modal-content .ant-modal-body .form-control[readonly] {
  background-color: #f6f7fb;
  border: none;
  border-radius: 10px
}

.address-qrcode.address-qrcode-new .ant-modal-content .ant-modal-body .qr-code,
.wallet-account-modal.address-qrcode-new .ant-modal-content .ant-modal-body .qr-code {
  border: 14px solid #f6f7fb;
  border-radius: 10px;
  font-weight: 400;
  height: 228px;
  margin: 30px auto;
  width: 228px
}

.address-qrcode.address-qrcode-new .ant-modal-content .ant-modal-body button.qr-btn,
.wallet-account-modal.address-qrcode-new .ant-modal-content .ant-modal-body button.qr-btn {
  background: #101010;
  border-color: #0000;
  border-radius: 10px;
  margin-bottom: 0;
  margin-top: 20px;
  width: 100%
}

.address-qrcode.address-qrcode-new .ant-modal-content .ant-modal-body button.qr-btn:hover,
.wallet-account-modal.address-qrcode-new .ant-modal-content .ant-modal-body button.qr-btn:hover {
  color: #fff
}

.address-all-container {
  align-items: center
}

.address-all-container .ellipsis_box_all {
  max-width: 355px
}

.address-all-container .dropdown-menu.show {
  z-index: 900 !important
}

.address-container .ellipsis_box.ellipsis_box-tag {
  display: inline
}

.address-container .personal-address-link .ellipsis_box.ellipsis_box-tag {
  display: inline-block;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis
}

.new-address-content-menu-wrap .new-address-content-menu {
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: 0 20px 30px #1010100f;
  min-width: auto;
  padding: 10px
}

.new-address-content-menu-wrap .dropdown-item {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px;
  padding: 10px
}

.new-address-content-menu-wrap .dropdown-item span,
.new-address-content-menu-wrap .dropdown-item svg {
  color: #101010 !important
}

.new-address-content-menu-wrap .dropdown-item .tron-icon {
  font-size: 14px;
  margin-right: 8px
}

.new-address-content-menu-wrap .dropdown-item .copy-icon {
  font-size: 13px
}

.new-address-content-menu-wrap .menu-gap-line {
  background-color: #cfcfcf;
  height: .5px;
  margin: 10px
}

.new-address-content-menu-wrap .react-contextmenu-wrapper {
  min-width: 105px
}

.new-address-content-menu-wrap .react-contextmenu.dropdown-menu.new-address-content-menu .dropdown-item:hover {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c2c9d1 !important;
  border-radius: 10px
}

.new-address-content-menu-wrap .react-contextmenu.dropdown-menu.new-address-content-menu .dropdown-item:hover span,
.new-address-content-menu-wrap .react-contextmenu.dropdown-menu.new-address-content-menu .dropdown-item:hover svg {
  color: #c23631 !important
}

.new-address-content-menu-wrap .react-contextmenu.dropdown-menu.new-address-content-menu .dropdown-item:focus {
  background: none
}

.set-truncate-block .react-contextmenu-wrapper .truncate-ellipsis {
  display: block
}

.flagIcon {
  background: linear-gradient(0deg, #ffffffbf, #ffffffbf), #c2c9d1;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin-right: 4px;
  padding: 1px 4px;
  text-align: center;
  width: 24px
}

.contract-icon {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  transform: translateY(.5px);
  vertical-align: 0
}

.address-link-wrap .multi-account {
  background: #c2c9d180;
  border-radius: 12px;
  color: #73787b;
  display: inline-block;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  margin-left: 12px;
  padding: 0 10px
}

.address-link-wrap .info-name {
  align-items: center;
  color: #101010;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px
}

.address-link-wrap .info-name:after {
  background: #b6b6b9;
  content: "";
  display: inline-block;
  height: 16px;
  margin-left: 16px;
  margin-right: 16px;
  width: 1px
}

.address-link-wrap .no-link-address {
  color: #404245 !important;
  cursor: auto
}

.address-link-wrap .no-link-address:hover {
  color: #404245 !important
}

.address-link-wrap .tag-background {
  background: #f7f8f9;
  border-radius: 4px;
  padding: 1px 6px
}

.address-link-wrap .contract-content-width {
  max-width: calc(100% - 28px)
}

.address-link-wrap .personal-address-link {
  border-radius: 4px
}

.address-link-wrap .personal-address-link .flagIcon {
  margin-top: 2px
}

.address-link-wrap .personal-address-link .ellipsis_box-tag {
  background: #f0f2f3;
  border-radius: 4px;
  padding: 1px 8px
}

.token-level-risk-icon use {
  color: #f4b000 !important
}

.token-level-unsafe-icon use {
  color: #c23631 !important
}

.sendMultiFormPart .multi-transaction-input-disabled {
  background: #f0f2f3 !important;
  border-color: #e0e4e8 !important;
  color: #91979d !important
}

.sendMultiFormPart .multi-transaction-input-suffix {
  color: #10101099;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 16px;
  top: 8px
}

.formpart-sendbtn-multi-wrap .send-btn {
  background: #101010;
  border: none;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  transition: none;
  width: 100%
}

.formpart-sendbtn-multi-wrap .send-btn.ant-btn-two-chinese-chars>:not(.anticon) {
  letter-spacing: 0
}

.formpart-sendbtn-multi-wrap .send-btn:not(.disabled):hover {
  background-color: #c23631 !important
}

.formpart-sendbtn-multi-wrap .send-btn.disabled {
  background-color: #c2c9d1
}

.formpart-sendbtn-multi-wrap .send-btn .button-loading {
  animation: circl 1.44s linear infinite;
  height: 16px;
  margin-right: 8px;
  width: 16px
}

@keyframes circl {
  0% {
    transform: rotate(0)
  }

  0% {
    transform: rotate(-1turn)
  }
}

.formpart-sendbtn-multi-wrap .ant-btn:active,
.formpart-sendbtn-multi-wrap .ant-btn:focus {
  background: #101010;
  color: #fff
}

.formpart-sendbtn-multi-wrap .ant-btn[disabled],
.formpart-sendbtn-multi-wrap .ant-btn[disabled]:active,
.formpart-sendbtn-multi-wrap .ant-btn[disabled]:focus,
.formpart-sendbtn-multi-wrap .ant-btn[disabled]:hover {
  background-color: #c2c9d1;
  border: none;
  color: #fff
}

.formpart-sendbtn-multi-wrap .send-address-tip {
  align-items: center;
  box-sizing: border-box;
  color: #517ef3;
  display: flex;
  flex-direction: row;
  font-size: 12px;
  justify-content: flex-start;
  line-height: 20px;
  margin-bottom: 10px;
  position: relative;
  width: 100%
}

.formpart-sendbtn-multi-wrap .send-address-tip .d-inline-block {
  margin-right: 6px
}

.multi-transaction-back {
  display: flex;
  left: 20px;
  padding: 6px;
  position: absolute;
  top: 20px
}

.multi-transaction-back .tron-icon-back {
  color: #101010;
  cursor: pointer;
  font-size: 12px
}

.evoke-popup-contain-wrapper {
  background-color: #fff;
  border-radius: 20px;
  padding: 30px;
  pointer-events: auto;
  position: relative;
  width: 500px
}

@media screen and (max-width:768px) {
  .evoke-popup-contain-wrapper {
    padding: 20px 15px 30px;
    width: 100%
  }

  .evoke-popup-contain-wrapper .question-mark {
    margin-left: 0
  }
}

.evoke-popup-contain-wrapper .closeBtn {
  cursor: pointer;
  display: flex;
  padding: 6px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99
}

.evoke-popup-contain-wrapper .loading-wrapper.show {
  display: block
}

.evoke-popup-contain-wrapper .loading-wrapper.hide {
  display: none
}

.evoke-popup-contain-wrapper .loading-wrapper .tron-icon {
  animation: evoke-popup-loading 1s linear infinite;
  display: block;
  height: 60px;
  margin: 30px auto;
  width: 60px
}

.evoke-popup-contain-wrapper .title {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  text-align: center
}

.evoke-popup-contain-wrapper .title.main-title {
  margin-bottom: 30px
}

.evoke-popup-contain-wrapper .title .title-icon {
  background: linear-gradient(90deg, #ff8038, #ffa928);
  border-radius: 10px;
  border-bottom-left-radius: 2px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 10px;
  margin-left: 4px;
  padding: 4px 8px
}

.evoke-popup-contain-wrapper .to-multi-send .result-icon {
  box-sizing: border-box;
  display: block;
  height: 120px;
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
  width: 100%
}

.evoke-popup-contain-wrapper .to-multi-send .result-icon .tron-icon {
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 60px
}

.evoke-popup-contain-wrapper .to-multi-send .text {
  color: #101010;
  display: block;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: center
}

.evoke-popup-contain-wrapper .to-multi-send button {
  background-color: #101010;
  border: 0;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100%
}

@media screen and (max-width:768px) {

  .evoke-popup-contain-wrapper.cancel-unstake-trx-modal,
  .evoke-popup-contain-wrapper.get-resource-modal,
  .evoke-popup-contain-wrapper.proxy-resource-modal,
  .evoke-popup-contain-wrapper.recycle-resource-modal,
  .evoke-popup-contain-wrapper.unstake-trx-modal,
  .evoke-popup-contain-wrapper.vote-multi-modal {
    position: relative
  }

  .evoke-popup-contain-wrapper.cancel-unstake-trx-modal .ant-form,
  .evoke-popup-contain-wrapper.get-resource-modal .ant-form,
  .evoke-popup-contain-wrapper.proxy-resource-modal .ant-form,
  .evoke-popup-contain-wrapper.recycle-resource-modal .ant-form,
  .evoke-popup-contain-wrapper.unstake-trx-modal .ant-form,
  .evoke-popup-contain-wrapper.vote-multi-modal .ant-form {
    max-height: 500px;
    overflow-y: auto;
    padding-bottom: 60px
  }

  .evoke-popup-contain-wrapper.cancel-unstake-trx-modal .form-buttons,
  .evoke-popup-contain-wrapper.get-resource-modal .form-buttons,
  .evoke-popup-contain-wrapper.proxy-resource-modal .form-buttons,
  .evoke-popup-contain-wrapper.recycle-resource-modal .form-buttons,
  .evoke-popup-contain-wrapper.unstake-trx-modal .form-buttons,
  .evoke-popup-contain-wrapper.vote-multi-modal .form-buttons {
    background: #fff;
    bottom: 30px;
    left: 0;
    padding: 0 15px;
    position: absolute;
    width: 100%;
    z-index: 2
  }

  .evoke-popup-contain-wrapper.cancel-unstake-trx-modal .form-buttons .form-submit-button,
  .evoke-popup-contain-wrapper.get-resource-modal .form-buttons .form-submit-button,
  .evoke-popup-contain-wrapper.proxy-resource-modal .form-buttons .form-submit-button,
  .evoke-popup-contain-wrapper.recycle-resource-modal .form-buttons .form-submit-button,
  .evoke-popup-contain-wrapper.unstake-trx-modal .form-buttons .form-submit-button,
  .evoke-popup-contain-wrapper.vote-multi-modal .form-buttons .form-submit-button {
    margin-top: 0
  }

  .evoke-popup-contain-wrapper.get-resource-modal .ant-form {
    padding-bottom: 88px
  }

  .evoke-popup-contain-wrapper.unstake-trx-modal .ant-form {
    padding-bottom: 100px
  }
}

.ant-form-item-control {
  min-width: 100% !important
}

.ant-form-item {
  margin-bottom: 20px
}

.ant-form-item .ant-form-item-label {
  color: #404245;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0 0 12px;
  text-align: start
}

.ant-form-item .ant-form-item-label>label {
  color: #404245;
  height: 20px
}

.ant-form-item .ant-form-item-label .label-desc {
  color: #73787b;
  font-size: 12px;
  margin-left: 4px
}

.ant-form-item .ant-form-item-label>.ant-form-item-required {
  padding-left: 12px
}

.ant-form-item .ant-form-item-label>label:before {
  color: #c23631 !important;
  font-family: Lato !important;
  font-size: 18px !important;
  left: 0;
  position: absolute;
  top: 5px
}

.ant-form-item .ant-input,
.ant-form-item .ant-input-number-input,
.ant-form-item .ant-picker,
.ant-form-item .ant-radio-button-wrapper,
.ant-form-item .ant-select-selector {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  color: #101010;
  height: 40px;
  padding: 0 16px
}

.ant-form-item .ant-input-number-input::placeholder,
.ant-form-item .ant-input::placeholder,
.ant-form-item .ant-picker::placeholder,
.ant-form-item .ant-radio-button-wrapper::placeholder,
.ant-form-item .ant-select-selector::placeholder {
  color: #91979d
}

.ant-form-item input:-internal-autofill-previewed,
.ant-form-item input:-internal-autofill-selected {
  transition: background-color 5000s ease-in-out 0s !important
}

.ant-form-item .ant-input-focused,
.ant-form-item .ant-input-number-focused,
.ant-form-item .ant-input-number-input:focus,
.ant-form-item .ant-input:focus,
.ant-form-item .ant-picker-focused,
.ant-form-item .ant-picker:hover,
.ant-form-item .ant-select-open .ant-select-selector {
  border-color: #73787b !important;
  box-shadow: none
}

.ant-form-item .ant-select .ant-select-arrow .icon {
  color: #91979d;
  font-size: 10px
}

.ant-form-item .ant-select-open .ant-select-arrow .icon {
  color: #101010
}

.ant-form-item .ant-input[disabled] {
  background-color: #f0f2f3;
  border-color: #e0e4e8;
  color: #73787b
}

.ant-form-item .ant-select-dropdown {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  box-shadow: 0 5px 20px #1010100d;
  padding: 8px 0;
  top: 48px !important
}

.ant-form-item .ant-select-item {
  color: #101010;
  line-height: 18px;
  padding: 8px 16px
}

.ant-form-item .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #fff;
  color: #b7b7b7;
  font-weight: 400
}

.ant-form-item .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #f9f9fa;
  color: #c23631
}

.ant-form-item .ant-checkbox-inner {
  border: 1px solid #c2c9d1;
  border-radius: 4px
}

.ant-form-item .ant-checkbox-checked:after {
  border: none
}

.ant-form-item .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #404245;
  border: none
}

.ant-form-item .ant-checkbox+span {
  padding-left: 4px
}

.ant-form-item .ant-select-arrow,
.ant-form-item .ant-select-clear {
  right: 16px
}

.ant-form-item .ant-select-clear .anticon {
  vertical-align: middle
}

.ant-form-item .ant-select-selector .ant-select-selection-item {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
  line-height: 38px
}

.ant-form-item .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
  border-color: #e09b98 !important
}

.ant-form-item .ant-select-focused:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
  border-color: #c2c9d1
}

.ant-form-item .ant-select-selection-search-input {
  height: 38px
}

.ant-form-item .ant-input-status-error {
  border-color: #e09b98
}

.ant-form-item .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-form-item .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  border-color: #e09b98;
  box-shadow: none
}

.ant-form-item .ant-form-item-explain-error {
  color: #404245;
  color: #c23631;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 10px
}

.ant-form-item .ant-select-selection-placeholder {
  color: #404245;
  color: #91979d;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px !important;
  line-height: 20px
}

.ant-form-item .ant-checkbox-wrapper {
  color: #404245;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 10px
}

.ant-form-item .ant-upload {
  background: #f6f7fb;
  border: 0;
  border-radius: 6px;
  mix-blend-mode: normal
}

.ant-form-item textarea.ant-input {
  height: 100px;
  padding: 12px 16px;
  resize: none
}

.ant-form-item .ant-radio-button-wrapper {
  line-height: 38px;
  margin-bottom: 12px;
  margin-right: 16px
}

.ant-form-item .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background-color: #fff;
  border-color: #c23631;
  box-shadow: none;
  color: #c23631 !important
}

.ant-form-item .ant-radio-button-wrapper:not(:first-child):before {
  display: none
}

.ant-form-item .ant-btn-primary[disabled]:hover {
  background-color: #c2c9d1
}

@media screen and (max-width:768px) {
  .ant-form-item textarea.ant-input {
    height: 120px
  }

  .ant-form-item .ant-upload {
    margin-bottom: 10px
  }
}

.ant-form-item .ant-dropdown .ant-dropdown-menu {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 20px 30px #1010100f;
  padding: 10px
}

.ant-form-item .ant-dropdown .ant-dropdown-menu-item {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px
}

.ant-form-item .ant-dropdown .ant-dropdown-menu-item.active-item {
  color: #c23631
}

.ant-form-item .ant-dropdown .ant-dropdown-menu-item:hover {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c2c9d1;
  border-radius: 10px;
  color: #c23631
}

.ant-form-item .ant-radio-wrapper-in-form-item span {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.ant-form-item .ant-radio-inner {
  border-color: #c2c9d1
}

.ant-form-item .ant-radio-input:focus+.ant-radio-inner,
.ant-form-item .ant-radio-wrapper .ant-radio-checked .ant-radio-inner,
.ant-form-item .ant-radio-wrapper:hover .ant-radio,
.ant-form-item .ant-radio:hover .ant-radio-inner {
  border-color: #404245
}

.ant-form-item .ant-radio-wrapper .ant-radio-inner:after {
  background-color: #404245
}

.ant-form-item .ant-radio-input:focus+.ant-radio-inner {
  box-shadow: none
}

.ant-form-item .ant-radio-checked:after {
  border-color: #404245
}

.get-resource-modal .ant-modal-title {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 30px
}

.get-resource-modal .ant-modal-title .title-icon {
  background: linear-gradient(90deg, #ff8038, #ffa928);
  border-radius: 10px;
  border-bottom-left-radius: 2px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 10px;
  margin-left: 4px;
  padding: 4px 8px
}

.get-resource-modal .ant-modal-title .more-link {
  color: #c23631;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 8px
}

.get-resource-modal .ant-modal-header {
  padding-bottom: 30px
}

.get-resource-modal .ant-form-item .ant-form-item-label>label {
  color: #101010;
  font-weight: 500
}

.get-resource-modal .formPartControlAccount {
  margin-bottom: 16px
}

.get-resource-modal .resource-type {
  margin-bottom: 20px
}

.get-resource-modal .resource-type .ant-radio-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%
}

.get-resource-modal .resource-type .ant-radio-group .ant-radio-button-wrapper {
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
  min-width: 208px;
  padding: 0
}

.get-resource-modal .resource-type .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  border-color: #c23631 !important
}

.get-resource-modal .resource-type .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 0
}

.get-resource-modal .resource-type .ant-radio-group .ant-radio-button-wrapper:last-child {
  margin-right: 0
}

.get-resource-modal .resource-type .tron-icon {
  margin-right: 8px
}

.get-resource-modal .pledge-count label {
  width: 100%
}

.get-resource-modal .pledge-count label:after {
  margin: 0
}

.get-resource-modal .pledge-count .ant-form-item-label label:after {
  display: none
}

.get-resource-modal .pledge-count .switch-icon {
  cursor: pointer
}

.get-resource-modal .ant-input-affix-wrapper {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  padding: 0 16px
}

.get-resource-modal .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #73787b
}

.get-resource-modal .form-buttons {
  margin-bottom: 0 !important
}

.get-resource-modal .form-buttons .ant-form-item-control {
  align-items: center
}

.get-resource-modal .form-buttons .ant-form-item-control-input {
  max-width: 440px;
  width: 100% !important
}

.get-resource-modal .form-buttons .ant-btn-loading-icon .anticon {
  vertical-align: 1px
}

.get-resource-modal .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
  background-color: #c23631
}

.get-resource-modal .form-submit-button {
  background: #101010;
  border: none;
  border-radius: 10px;
  color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  margin-top: 15px;
  max-width: 440px;
  transition: none;
  width: 100%
}

.get-resource-modal .form-submit-button.ant-btn:before {
  opacity: .1
}

.get-resource-modal .form-disabled-submit-button {
  background: #c2c9d1
}

.get-resource-modal .ant-form-item .ant-input[disabled] {
  color: #91979d
}

.get-resource-modal .unlock-tips {
  color: #73787b;
  font-size: 12px;
  line-height: 18px;
  margin-top: 8px
}

@media screen and (max-width:768px) {
  .get-resource-modal .resource-type .ant-radio-group .ant-radio-button-wrapper {
    margin-bottom: 10px;
    min-width: 47%
  }

  .get-resource-modal .ant-modal-title {
    font-size: 18px
  }

  .get-resource-modal-en .ant-modal-title {
    font-size: 12px
  }

  .get-resource-modal-en .resource-type .ant-radio-group {
    display: flex;
    flex-wrap: nowrap;
    width: 100%
  }

  .get-resource-modal-en .resource-type .ant-radio-group .ant-radio-button-wrapper {
    font-size: 12px;
    margin-right: 0;
    padding: 0 2px;
    white-space: nowrap
  }

  .get-resource-modal-en .resource-type .ant-radio-group .ant-radio-button-wrapper:first-child {
    margin-right: 2px;
    width: 52%
  }

  .get-resource-modal-en .resource-type .ant-radio-group .ant-radio-button-wrapper:last-child {
    width: 48%
  }
}

.unstake-trx-modal .ant-modal-title .title-icon {
  background: linear-gradient(90deg, #ff8038, #ffa928);
  border-radius: 10px;
  border-bottom-left-radius: 2px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 10px;
  margin-left: 4px;
  padding: 4px 8px
}

.unstake-trx-modal .resource-type,
.unstake-trx-modal .resource-type .ant-form-item .ant-radio-button-wrapper {
  margin-bottom: 0
}

.unstake-trx-modal .ant-form-item .ant-form-item-label>label {
  color: #101010;
  font-weight: 500
}

.unstake-trx-modal .ant-form-item .ant-radio-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%
}

.unstake-trx-modal .ant-form-item .ant-radio-button-wrapper {
  align-items: center;
  display: flex;
  flex: 1 1;
  height: auto;
  justify-content: center;
  margin-bottom: 0;
  min-height: 60px;
  padding: 10px
}

.unstake-trx-modal .ant-form-item .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  border-color: #c23631 !important
}

.unstake-trx-modal .ant-form-item .ant-radio-button-wrapper:last-child {
  margin-right: 0
}

.unstake-trx-modal .ant-form-item .ant-radio-button-wrapper .label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.unstake-trx-modal .ant-form-item .ant-radio-button-wrapper .value {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  word-break: break-all
}

.unstake-trx-modal .pledge-count {
  margin-bottom: 0;
  margin-top: 20px
}

.unstake-trx-modal .pledge-count label {
  width: 100%
}

.unstake-trx-modal .pledge-count label:after {
  margin: 0
}

.unstake-trx-modal .pledge-count .switch-icon {
  cursor: pointer
}

.unstake-trx-modal .ant-input-affix-wrapper {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  padding: 0 10px 0 16px
}

.unstake-trx-modal .ant-input-affix-wrapper .ant-input-suffix {
  color: #10101099
}

.unstake-trx-modal .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #73787b
}

.unstake-trx-modal .form-buttons {
  margin-bottom: 0 !important
}

.unstake-trx-modal .form-buttons .ant-form-item-control {
  align-items: center
}

.unstake-trx-modal .form-buttons .ant-form-item-control-input {
  max-width: 440px;
  width: 100% !important
}

.unstake-trx-modal .proxyResource {
  background: #f8f6f4;
  border-radius: 10px;
  color: #73787b;
  margin: 12px 0 0;
  padding: 12px 16px
}

.unstake-trx-modal .unlockPeriod {
  background: #f9fafa;
  border-radius: 10px;
  color: #101010;
  margin-bottom: 12px;
  min-height: 46px;
  padding: 12px 12px 12px 16px
}

.unstake-trx-modal .remaining {
  line-height: 16px;
  margin: 8px 0 16px
}

.unstake-trx-modal.modal-dialog-new .remaining {
  margin: 8px 0 0
}

.unstake-trx-modal.modal-dialog-new .unlockPeriod {
  margin-bottom: 0
}

.unstake-trx-modal .remainingEmpty {
  height: 40px
}

.unstake-trx-modal .emptyPeriod {
  background: #fff;
  margin-top: 30px;
  min-height: 20px
}

.unstake-trx-modal .form-submit-button {
  align-items: center;
  background: #101010;
  border: none;
  border-radius: 10px;
  color: #fff !important;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  justify-content: center;
  max-width: 440px;
  transition: none;
  width: 100%
}

.unstake-trx-modal .form-submit-button .ant-btn-loading-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center
}

.unstake-trx-modal .form-submit-button>span {
  line-height: 16px
}

.unstake-trx-modal .form-submit-button:hover {
  background-color: #c23631
}

.unstake-trx-modal .form-disabled-submit-button {
  background: #c2c9d1
}

.unstake-trx-modal .multi-transaction-back {
  display: flex;
  left: 20px;
  padding: 6px;
  position: absolute;
  top: 20px
}

.unstake-trx-modal .multi-transaction-back .tron-icon-back {
  color: #101010;
  cursor: pointer;
  font-size: 12px
}

@media screen and (max-width:768px) {
  .unstake-trx-modal .ant-form-item .ant-radio-group {
    flex-direction: column
  }

  .unstake-trx-modal .ant-form-item .ant-radio-button-wrapper {
    margin-bottom: 10px;
    margin-right: 0
  }
}

.proxy-resource-modal .ant-modal-title {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 30px;
  text-align: center
}

.proxy-resource-modal .ant-modal-title .title-icon {
  background: linear-gradient(90deg, #ff8038, #ffa928);
  border-radius: 10px;
  border-bottom-left-radius: 2px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 10px;
  margin-left: 4px;
  padding: 4px 8px
}

.proxy-resource-modal .ant-modal-header {
  padding-bottom: 30px
}

.proxy-resource-modal .ant-form-item .ant-form-item-label>label {
  color: #101010;
  font-weight: 500
}

.proxy-resource-modal .resource-type {
  margin-bottom: 8px
}

.proxy-resource-modal .resource-type .ant-radio-button-wrapper {
  align-items: center;
  display: flex;
  justify-content: center
}

.proxy-resource-modal .resource-type .resource-type-item {
  line-height: 18px
}

.proxy-resource-modal .resource-type .ant-radio-group {
  display: flex
}

.proxy-resource-modal .resource-type .ant-radio-group .ant-radio-button-wrapper {
  flex: 1 1
}

.proxy-resource-modal .resource-type .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  border-color: #c23631 !important
}

.proxy-resource-modal .resource-type .ant-radio-group .ant-radio-button-wrapper:last-child {
  margin-right: 0
}

.proxy-resource-modal .resource-type .tron-icon {
  margin-right: 8px
}

.proxy-resource-modal .pledge-count label {
  width: 100%
}

.proxy-resource-modal .pledge-count label:after {
  display: none
}

.proxy-resource-modal .pledge-count .switch-icon {
  cursor: pointer
}

.proxy-resource-modal .ant-input-affix-wrapper {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  padding: 0 16px
}

.proxy-resource-modal .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #73787b
}

.proxy-resource-modal .form-buttons {
  margin-bottom: 0 !important
}

.proxy-resource-modal .form-buttons .ant-form-item-control {
  align-items: center
}

.proxy-resource-modal .form-buttons .ant-form-item-control-input {
  max-width: 440px;
  width: 100% !important
}

.proxy-resource-modal .lock-date-form {
  background: #f9fafa;
  border-radius: 10px;
  padding: 12px 15px
}

.proxy-resource-modal .lock-date-form .ant-switch {
  background-color: #c2c9d1;
  box-shadow: none;
  height: 15px;
  line-height: 15px;
  width: 30px
}

.proxy-resource-modal .lock-date-form .ant-switch-handle {
  left: 1.5px;
  top: 1.5px
}

.proxy-resource-modal .lock-date-form .ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 13.5px)
}

.proxy-resource-modal .lock-date-form .ant-click-animating-node {
  box-shadow: none !important
}

.proxy-resource-modal .lock-date-form .ant-switch-checked {
  background-color: #3cc13b
}

.proxy-resource-modal .form-submit-button {
  background: #101010;
  border: none;
  border-radius: 10px;
  color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  margin-top: 20px;
  max-width: 440px;
  transition: none;
  width: 100%
}

.proxy-resource-modal .form-submit-button:hover {
  background-color: #c23631
}

.proxy-resource-modal .form-submit-button .ant-btn-loading-icon .anticon {
  vertical-align: 1px
}

.proxy-resource-modal .form-submit-button.ant-btn-loading:before {
  opacity: .1
}

.proxy-resource-modal .form-address-tags-wrap {
  align-items: center;
  display: flex
}

.proxy-resource-modal .form-address-tags-wrap .form-address-tag {
  background: #f0f2f3;
  border-radius: 4px;
  color: #404245;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin-top: 10px;
  max-width: 160px;
  padding: 5px 8px
}

.proxy-resource-modal .form-address-tags-wrap .form-public-tag {
  margin-right: 12px
}

.proxy-resource-modal .form-address-tags-wrap .form-private-tag {
  align-items: center;
  display: flex
}

.proxy-resource-modal .form-disabled-submit-button {
  background: #c2c9d1
}

.proxy-resource-modal .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
  border-color: #c23631 !important
}

.proxy-resource-modal .lockDay {
  margin-bottom: 0
}

.proxy-resource-modal .emptyBox {
  margin-top: 8px
}

.recycle-resource-modal .ant-modal-title .title-icon {
  background: linear-gradient(90deg, #ff8038, #ffa928);
  border-radius: 10px;
  border-bottom-left-radius: 2px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 10px;
  margin-left: 4px;
  padding: 4px 8px
}

.recycle-resource-modal .ant-modal-title .more-link {
  color: #c23631;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 8px
}

.recycle-resource-modal .ant-modal-header {
  padding-bottom: 30px
}

.recycle-resource-modal .ant-form-item .ant-form-item-label>label {
  color: #101010;
  font-weight: 500;
  height: auto
}

.recycle-resource-modal .resource-type {
  margin-bottom: 8px
}

.recycle-resource-modal .resource-type .ant-radio-group {
  display: flex
}

.recycle-resource-modal .resource-type .ant-radio-group .ant-radio-button-wrapper {
  flex: 1 1
}

.recycle-resource-modal .resource-type .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  border-color: #c23631 !important
}

.recycle-resource-modal .resource-type .ant-radio-group .ant-radio-button-wrapper:last-child {
  margin-right: 0
}

.recycle-resource-modal .resource-type .tron-icon {
  margin-right: 8px
}

.recycle-resource-modal .pledge-count {
  margin-bottom: 0
}

.recycle-resource-modal .pledge-count label {
  width: 100%
}

.recycle-resource-modal .pledge-count label:after {
  display: none
}

.recycle-resource-modal .pledge-count .switch-icon {
  cursor: pointer
}

.recycle-resource-modal .ant-input::placeholder {
  color: #91979d
}

.recycle-resource-modal .ant-input-affix-wrapper {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  padding: 0 16px
}

.recycle-resource-modal .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #73787b
}

.recycle-resource-modal .form-buttons {
  margin-bottom: 0 !important
}

.recycle-resource-modal .form-buttons .ant-form-item-control {
  align-items: center
}

.recycle-resource-modal .form-buttons .ant-form-item-control-input {
  max-width: 440px;
  width: 100% !important
}

.recycle-resource-modal .lock-date-form {
  background: #f9fafa;
  border-radius: 10px;
  padding: 12px 15px
}

.recycle-resource-modal .lock-date-form .ant-switch {
  background-color: #c2c9d1;
  box-shadow: none;
  width: 30px
}

.recycle-resource-modal .lock-date-form .ant-switch-checked {
  background-color: #9de09d
}

.recycle-resource-modal .form-submit-button {
  background: #101010;
  border: none;
  border-radius: 10px;
  color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  margin-top: 15px;
  max-width: 440px;
  transition: none;
  width: 100%
}

.recycle-resource-modal .form-submit-button:hover {
  background-color: #c23631
}

.recycle-resource-modal .form-submit-button.ant-btn:before {
  opacity: .1
}

.recycle-resource-modal .form-disabled-submit-button {
  background: #c2c9d1
}

.smart-table-wrapper .ant-pagination-total-text {
  color: #73787b;
  font-size: 14px;
  font-weight: 400;
  margin-right: 22px
}

.smart-table-wrapper .ant-pagination-total-text b {
  color: #101010;
  font-weight: 400
}

.smart-table-wrapper .ant-table-pagination .ant-select-selector.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
  border-color: #eee
}

@media screen and (max-width:768px) {
  .smart-table-wrapper .ant-table-pagination {
    display: block;
    margin-bottom: 20px;
    margin-top: 17px
  }

  .smart-table-wrapper .ant-pagination-total-text {
    display: block;
    height: 22px !important;
    line-height: 22px !important;
    margin-bottom: 20px;
    margin-right: 0;
    text-align: right
  }
}

.flag-fraud-sr-tip {
  background: #c236311a;
  border-radius: 4px;
  color: #c23631;
  cursor: text;
  margin-left: 10px;
  padding: 2px 10px
}

.flag-fraud-sr-tip .icon-warning_icon {
  font-size: 12px;
  margin-right: 5px
}

.flag-fraud-sr-tip .impostor {
  color: #c23631;
  font-size: 12px;
  line-height: 18px
}

.formPartVote .info-item {
  flex: 1 1;
  padding-left: 20px
}

.formPartVote .info-item:first-child {
  padding-left: 0
}

.formPartVote .info-item:nth-child(2) {
  border-left: 1px solid #f0f2f3;
  border-right: 1px solid #f0f2f3
}

.formPartVote .info-item .number {
  color: #101010;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 4px
}

.formPartVote .info-item .desc {
  color: #73787b;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px
}

.formPartVote .voteBox {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  margin-top: 20px;
  overflow: hidden;
  padding: 16px 0 0;
  width: 100%
}

.formPartVote .voteHeader {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 16px
}

.formPartVote .voteHeader .title {
  color: #101010;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.formPartVote .voteHeader .voteAvailable {
  align-items: center;
  color: #73787b;
  display: inline-flex;
  font-size: 12px
}

.formPartVote .voteHeader .voteAvailable .number {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 4px
}

.formPartVote .vote-overview-action {
  margin: 12px 0 10px;
  padding: 0 16px
}

.formPartVote .vote-overview-action .vote-overview-search {
  align-items: center;
  border: 1px solid #e0e4e8;
  border-radius: 6px;
  color: #f0f2f3;
  display: flex;
  height: 28px;
  min-width: 280px;
  padding: 6px 10px
}

.formPartVote .vote-overview-action .vote-overview-search:focus-within {
  border-color: #73787b
}

.formPartVote .vote-overview-action .vote-overview-search .vote-enter-icon,
.formPartVote .vote-overview-action .vote-overview-search .vote-search-icon {
  color: #91979d
}

.formPartVote .vote-overview-action .vote-overview-search img {
  display: inline-block;
  height: 14px !important;
  margin-right: 4px;
  width: 14px !important
}

.formPartVote .vote-overview-action .vote-overview-search input {
  border: none;
  flex: 1 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  padding-left: 2px
}

.formPartVote .vote-overview-action .vote-overview-search input:focus-visible {
  outline: none
}

.formPartVote .vote-overview-action .vote-quick {
  border: 1px solid #c23631;
  border-radius: 6px;
  box-sizing: border-box;
  color: #c23631;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 400;
  height: 28px;
  line-height: 1;
  overflow: hidden;
  padding: 6px 10px
}

.formPartVote .vote-overview-action .vote-quick-disabled {
  background: #f0f2f3;
  border: 1px solid #e0e4e8;
  color: #91979d;
  cursor: not-allowed
}

.formPartVote .smart-table-wrapper {
  padding: 0 16px
}

.formPartVote .smart-table-wrapper .card {
  border: none
}

.formPartVote .smart-table-wrapper .ant-table-thead>tr>th,
.formPartVote .smart-table-wrapper .ant-table-wrapper .ant-table-thead>tr>td {
  background: none
}

.formPartVote .smart-table-wrapper .ant-table-thead tr>th {
  border-bottom: none;
  color: #73787b;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 10px
}

.formPartVote .smart-table-wrapper .ant-table-thead tr>th:first-child {
  padding: 10px 10px 10px 0
}

.formPartVote .smart-table-wrapper .ant-table-thead tr>th:last-child {
  padding: 10px 0 10px 10px
}

.formPartVote .smart-table-wrapper .ant-table-thead .ant-table-cell-scrollbar {
  display: none
}

.formPartVote .smart-table-wrapper .ant-table-body::-webkit-scrollbar {
  width: 3px
}

.formPartVote .smart-table-wrapper .ant-table-body::-webkit-scrollbar-track {
  background: #fff
}

.formPartVote .smart-table-wrapper .ant-table-body::-webkit-scrollbar-thumb {
  background: #c2c9d1;
  border-radius: 10px
}

.formPartVote .smart-table-wrapper .ant-table-tbody tr>td {
  background: none !important;
  border-bottom: none;
  height: 20px;
  line-height: 20px;
  padding: 12px 5px 8px 0
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row td {
  background: none !important;
  border-bottom: 1px solid #f0f2f3;
  padding: 0 10px 12px 0 !important
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .address-container-wrap {
  max-width: 200px
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .address-container-wrap a {
  color: #101010 !important
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-wrap {
  align-items: center;
  display: inline-flex;
  justify-content: flex-end;
  min-width: 150px
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-max {
  color: #c23631;
  cursor: pointer;
  line-height: 24px;
  margin-right: 10px
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 {
  background: #fff;
  border: 1px solid #e0e4e8;
  border-radius: 6px;
  display: flex;
  height: 24px;
  max-width: 120px;
  min-width: 100px;
  overflow: hidden;
  width: 120px
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 .btn-outline-success {
  border: none;
  border-left: 1px solid #e0e4e8
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 .btn-outline-danger {
  border: none;
  border-right: 1px solid #e0e4e8
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 .form-control {
  border: none
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 .btn-outline-danger,
.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 .btn-outline-danger:not(:disabled):not(.disabled):active,
.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 .btn-outline-success,
.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 .btn-outline-success:not(:disabled):not(.disabled):active,
.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 .form-control {
  background: #fff;
  color: #101010;
  line-height: 24px;
  padding: 0 .5rem
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 .input-group-prepend {
  margin-right: 0;
  width: 24px
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 .input-group-append {
  width: 24px
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1 input {
  border-radius: 0;
  box-sizing: border-box;
  font-size: 12px;
  height: 24px;
  line-height: 22px !important
}

.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1-disabled .btn-outline-danger,
.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1-disabled .btn-outline-danger:not(:disabled):not(.disabled):active,
.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1-disabled .btn-outline-success,
.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1-disabled .btn-outline-success:not(:disabled):not(.disabled):active,
.formPartVote .smart-table-wrapper .ant-table-tbody .multi-expanded-row-content .input-group1-disabled .form-control {
  background: #f0f2f3;
  color: #91979d;
  cursor: not-allowed
}

.formPartVote .smart-table-wrapper .ant-pagination .ant-pagination-item,
.formPartVote .smart-table-wrapper .ant-pagination .ant-pagination-jump-next,
.formPartVote .smart-table-wrapper .ant-pagination .ant-pagination-jump-prev,
.formPartVote .smart-table-wrapper .ant-pagination .ant-pagination-next,
.formPartVote .smart-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-item-link,
.formPartVote .smart-table-wrapper .ant-pagination .ant-pagination-prev,
.formPartVote .smart-table-wrapper .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.formPartVote .smart-table-wrapper .ant-pagination .ant-select-selection {
  height: 20px;
  line-height: 20px
}

.formPartVote .smart-table-wrapper .ant-pagination .ant-pagination-item {
  margin-inline-end: 6px;
  min-width: 20px
}

.formPartVote .smart-table-wrapper .ranking {
  color: #101010;
  font-size: 14px;
  font-style: italic;
  font-weight: 900;
  line-height: 20px;
  margin-left: 10px
}

.formPartVote .smart-table-wrapper .rankinNo1 {
  color: #57bfad
}

.formPartVote .smart-table-wrapper .rankinNo2 {
  color: #ffa928
}

.formPartVote .smart-table-wrapper .rankinNo3 {
  color: #ec5b6f
}

.formPartVote .smart-table-wrapper .nameWrap {
  align-items: center;
  display: flex;
  flex-flow: row;
  width: 100%
}

.formPartVote .smart-table-wrapper .tagName {
  display: inline-block;
  height: 20px;
  max-width: 163px;
  width: auto
}

.formPartVote .smart-table-wrapper .tagLink {
  display: inline-block;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.formPartVote .smart-table-wrapper .address-tag-show {
  max-width: 80px;
  width: 80px
}

.formPartVote .no-data-new {
  text-align: center
}

@media only screen and (max-width:768px) {
  .formPartVote .vote-overview-action .vote-overview-search {
    margin-right: 4px;
    min-width: 130px;
    width: auto
  }

  .formPartVote .vote-overview-action .vote-overview-search .vote-enter-cont,
  .formPartVote .vote-overview-action .vote-overview-search .vote-search-cont {
    display: inline-block;
    height: 14px;
    line-height: 1;
    width: 14px
  }

  .formPartVote .vote-overview-action .vote-overview-search .vote-enter-icon,
  .formPartVote .vote-overview-action .vote-overview-search .vote-search-icon {
    font-size: 14px
  }

  .formPartVote .vote-overview-action .vote-overview-search input {
    width: 105px
  }

  .formPartVote .smart-table-wrapper .ranking {
    margin-left: 4px
  }

  .formPartVote .smart-table-wrapper .tagLink {
    max-width: 100px;
    width: auto
  }

  .formPartVote .smart-table-wrapper .ant-table-container {
    overflow-x: auto;
    width: 340px
  }
}

.modal-dialog-voting-confirm .result-btn {
  background: #101010;
  border: none;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-right: 20px;
  margin-top: 20px;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.modal-dialog-voting-confirm .result-btn:hover {
  background: #c23631;
  color: #fff
}

.modal-dialog-voting-confirm .ant-modal-header {
  margin-bottom: 0;
  padding: 30px 30px 16px
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-thead {
  font-size: 14px;
  font-weight: 400
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-thead>tr>th {
  color: #73787b;
  padding: 6px 10px 6px 0
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-thead>tr>th:nth-child(3) {
  padding: 6px 0 6px 8px
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-tbody>tr>th,
.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-thead>tr>td,
.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-thead>tr>th {
  background: none;
  border: none;
  font-weight: 400
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-tbody tr:hover {
  border-radius: 10px;
  overflow: hidden
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-tbody tr td {
  background: none;
  border: none;
  font-weight: 400;
  padding: 6px 10px
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-tbody tr td:first-child {
  padding: 6px 10px 6px 0
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-tbody tr td:nth-child(3) {
  padding: 6px 0 6px 10px
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-tbody tr td:last-child {
  padding: 6px 0 6px 8px
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-tbody tr:last-child td {
  border-bottom: 1px solid #f0f2f3;
  padding-bottom: 20px
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-body {
  margin-right: -12px;
  padding-right: 12px
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-body::-webkit-scrollbar {
  width: 3px
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-body::-webkit-scrollbar-track {
  background: #fff
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-body::-webkit-scrollbar-thumb {
  background: #c2c9d1;
  border-radius: 10px
}

.modal-dialog-voting-confirm .ant-table-wrapper .ant-table-row .ant-table-cell-row-hover {
  background: #0000
}

.modal-dialog-voting-confirm .ant-table-wrapper .modal-name {
  line-height: 18px
}

@media only screen and (max-width:768px) {
  .modal-dialog-voting-confirm .ant-table-wrapper .modal-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px
  }
}

.modal-dialog-voting-confirm .result-btn-disabled {
  background: #c2c9d1 !important;
  cursor: not-allowed;
  font-weight: 400
}

.modal-dialog-voting-confirm .total-number {
  align-items: center;
  color: #101010;
  display: flex;
  line-height: 22px;
  margin-bottom: 8px;
  margin-top: 12px
}

.modal-dialog-voting-confirm .total-number .desc {
  color: #73787b;
  font-size: 12px;
  font-weight: 400;
  margin-right: 4px
}

@media only screen and (min-width:769px) {
  .vote-multi-modal {
    margin: 50px auto
  }
}

.vote-trx-modal .ant-modal-header .ant-modal-title {
  font-weight: 600;
  line-height: 28px
}

.vote-trx-modal .withdraw-icon {
  color: #558adb;
  font-size: 54px;
  margin-top: 13px
}

.vote-trx-modal .withdrawNumber {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px
}

.vote-trx-modal .form-buttons {
  margin-bottom: 0
}

.vote-trx-modal .form-submit-button {
  background: #101010;
  border: none;
  border-radius: 10px;
  color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  margin-top: 20px;
  max-width: 440px;
  width: 100%
}

.vote-trx-modal .form-submit-button:hover {
  background-color: #c23631
}

.vote-trx-modal .form-disabled-submit-button {
  background: #c2c9d1
}

.vote-trx-modal .withdraw-desc {
  color: #73787b;
  font-size: 16px;
  line-height: 20px;
  margin: 32px auto 40px;
  max-width: 260px;
  text-align: center
}

.withdraw-resource-modal .ant-modal-header .ant-modal-title {
  font-weight: 600;
  line-height: 28px
}

.withdraw-resource-modal .ant-form-item .ant-form-item-label>label:after {
  display: none
}

.withdraw-resource-modal .form-submit-button {
  background: #101010;
  border: none;
  border-radius: 10px;
  color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  margin-top: 15px;
  max-width: 440px;
  width: 100%
}

.withdraw-resource-modal .form-submit-button:hover {
  background-color: #c23631
}

@media screen and (max-width:768px) {
  .withdraw-resource-modal {
    position: relative
  }

  .withdraw-resource-modal .ant-form {
    max-height: 500px;
    overflow-y: auto;
    padding-bottom: 40px
  }

  .withdraw-resource-modal .formPartFailureTime {
    padding-bottom: 40px
  }

  .withdraw-resource-modal .formpart-sendbtn-multi-wrap {
    background: #fff;
    bottom: 30px;
    left: 0;
    padding: 0 15px;
    position: absolute;
    width: 100%
  }

  .withdraw-resource-modal .formpart-sendbtn-multi-wrap .form-submit-button {
    margin-top: 0
  }
}

.cancel-unstake-trx-modal .ant-form-item .ant-form-item-label>label {
  color: #101010;
  font-weight: 500
}

.cancel-unstake-trx-modal .resource-type label {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.cancel-unstake-trx-modal .resource-type label:after {
  display: none
}

.cancel-unstake-trx-modal .resource-type .resource-title {
  color: #101010;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.cancel-unstake-trx-modal .resource-type .resource-amount,
.cancel-unstake-trx-modal .resource-type .resource-unit {
  color: #101010;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px
}

.cancel-unstake-trx-modal .resource-type .resource-unit {
  color: #73787b;
  margin-left: 4px
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain {
  background-color: #f6f7fb;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table,
.cancel-unstake-trx-modal .resource-type .unlock-details-contain .card {
  background: none;
  border: none
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table-empty .ant-table-tbody>tr.ant-table-placeholder,
.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table-empty .ant-table-tbody>tr.ant-table-placeholder:hover>td {
  background: #f6f7fb
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table-empty .ant-table-tbody>tr.ant-table-placeholder .no-data-new {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px auto
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table-empty .ant-table-tbody>tr.ant-table-placeholder .no-data-new .tron-icon {
  font-size: 42px
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table-empty .ant-table-tbody>tr.ant-table-placeholder .no-data-new .ant-empty-description {
  height: auto
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table-empty .ant-table-tbody>tr.ant-table-placeholder .no-data-new .tron-loading-icon {
  animation: loading 1s linear infinite;
  font-size: 40px
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table-body {
  margin-right: -10px;
  padding-right: 10px
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table-body::-webkit-scrollbar {
  height: 30px;
  width: 3px
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table-body::-webkit-scrollbar-track {
  background: #f6f7fb
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table-body::-webkit-scrollbar-thumb {
  background: #c2c9d1;
  border-radius: 10px
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain .ant-table-body .ant-table-row .ant-table-cell-row-hover {
  background: #f6f7fb
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain table {
  overflow-y: auto;
  width: 100%
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain table th {
  background: none;
  border: none;
  color: #73787b;
  font-weight: 400;
  line-height: 18px;
  padding: 6px
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain table th:first-child {
  text-align: left
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain table td {
  background: none;
  border: none;
  color: #404245;
  line-height: 18px;
  padding: 6px;
  text-align: right
}

.cancel-unstake-trx-modal .resource-type .unlock-details-contain table td:first-child {
  text-align: left
}

.cancel-unstake-trx-modal .unlock-details-tip {
  color: #ee9739;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: -4px;
  margin-top: 8px
}

.cancel-unstake-trx-modal .withdraw-trx-tip {
  background: #f9fafa;
  border-radius: 10px;
  color: #73787b;
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px;
  padding: 12px 16px
}

.cancel-unstake-trx-modal .form-buttons {
  margin-bottom: 0 !important
}

.cancel-unstake-trx-modal .form-buttons .ant-form-item-control {
  align-items: center
}

.cancel-unstake-trx-modal .form-buttons .ant-form-item-control-input {
  max-width: 440px;
  width: 100% !important
}

.cancel-unstake-trx-modal .formPartPermission {
  margin-top: 16px
}

.cancel-unstake-trx-modal .form-submit-button {
  align-items: center;
  background: #101010;
  border: none;
  border-radius: 10px;
  color: #fff !important;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  justify-content: center;
  margin-top: 20px;
  max-width: 440px;
  transition: none;
  width: 100%
}

.cancel-unstake-trx-modal .form-submit-button .ant-btn-loading-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center
}

.cancel-unstake-trx-modal .form-submit-button>span {
  line-height: 16px
}

.cancel-unstake-trx-modal .form-submit-button:hover {
  background-color: #c23631
}

.cancel-unstake-trx-modal .form-disabled-submit-button {
  background: #c2c9d1
}

.cancel-unstake-trx-modal .multi-transaction-back {
  display: inline-flex;
  left: 18px;
  position: absolute;
  top: 20px
}

.cancel-unstake-trx-modal .multi-transaction-back .tron-icon-back {
  color: #101010;
  cursor: pointer;
  font-size: 12px
}

.transaction-multi-wrap .transaction-multi-title {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-label {
  color: #404245;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-groups {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-groups .transaction-multi-btn {
  align-items: center;
  background-color: #fff;
  border: 1px solid #91979d;
  border-radius: 10px;
  color: #404245;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  justify-content: center;
  margin-bottom: 12px;
  min-height: 40px;
  text-align: center;
  width: 208px
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-groups .transaction-multi-btn:hover {
  border: 1px solid #c23631;
  color: #c23631;
  transition: all .35s
}

@media only screen and (max-width:768px) {
  .transaction-multi-wrap .transaction-multi-content .transaction-multi-groups .transaction-multi-btn {
    padding: 0 4px;
    width: calc(50% - 10px)
  }
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-groups .transaction-multi-btn-active {
  border: 1px solid #c23631;
  color: #c23631
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-groups .transaction-multi-btn-disabled {
  background: #f0f2f3;
  border: 1px solid #e0e4e8;
  border-radius: 10px;
  color: #91979d;
  font-weight: 400
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-groups .transaction-multi-btn-disabled:hover {
  background: #f0f2f3;
  border: 1px solid #e0e4e8;
  border-radius: 10px;
  color: #91979d;
  cursor: not-allowed
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-groups .transaction-multi-btn-last {
  background: #f6f7fb;
  border: 1px solid #f6f7fb;
  color: #91979d;
  margin-bottom: 11px
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-groups .transaction-multi-btn-last:hover {
  background: #f6f7fb;
  border: 1px solid #f6f7fb;
  border-radius: 10px
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-next {
  align-items: center;
  background-color: #c2c9d1;
  border-radius: 10px;
  color: #fff;
  cursor: not-allowed;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  justify-content: center;
  width: 100%
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-next-active {
  background-color: #101010;
  cursor: pointer;
  transition: all .35s
}

.transaction-multi-wrap .transaction-multi-content .transaction-multi-next-active:hover {
  background-color: #c23631
}

.transaction-multi-wrap .transaction-multi-control {
  background: #f6f7fb;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 12px 16px
}

.transaction-multi-wrap .transaction-multi-control .transaction-multi-control-label {
  color: #73787b;
  font-size: 14px;
  font-weight: 400;
  margin-right: 6px;
  white-space: nowrap
}

.transaction-multi-wrap .transaction-multi-control .transaction-multi-control-value {
  color: #404245;
  font-size: 14px;
  font-weight: 400
}

.transaction-multi-wrap .transaction-multi-control .transaction-multi-control-address {
  align-items: center;
  display: flex;
  margin-bottom: 12px
}

.transaction-multi-wrap .transaction-multi-control .transaction-multi-control-address .transaction-multi-control-value .address-link-wrap a {
  color: #404245
}

.transaction-multi-wrap .transaction-multi-control .transaction-multi-control-actions {
  align-items: center;
  display: flex
}

.transaction-multi-wrap .transaction-multi-control .transaction-multi-control-actions .transaction-multi-control-value .transaction-multi-operations {
  max-width: 328px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media only screen and (max-width:768px) {
  .transaction-multi-wrap .transaction-multi-control .transaction-multi-control-actions .transaction-multi-control-value .transaction-multi-operations {
    max-width: 200px
  }
}

.transaction-multi-wrap .transaction-multi-control .transaction-multi-control-actions .transaction-multi-control-value .transaction-multi-operations span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.transaction-multi-wrap .transaction-multi-control .transaction-multi-control-actions .transaction-multi-control-value .transaction-multi-operations .transaction-multi-operations-item:last-child {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  width: 60px
}

.transaction-multi-wrap .transaction-multi-control .transaction-multi-control-actions .transaction-multi-control-value .transaction-multi-operations-en {
  max-width: 258px
}

@media only screen and (max-width:768px) {
  .transaction-multi-wrap .transaction-multi-control .transaction-multi-control-actions .transaction-multi-control-value .transaction-multi-operations-en {
    max-width: 118px
  }
}

.accountQrcode.modal-dialog-new h5 {
  color: #404245;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px
}

.accountQrcode.modal-dialog-new .qr-code {
  margin-bottom: 50px;
  margin-top: 50px;
  text-align: center
}

.accountQrcode.modal-dialog-new .set-input-read-only-bg {
  background: #f0f2f3;
  border: 1px solid #e0e4e8;
  border-radius: 10px;
  padding-right: 16px
}

.accountQrcode.modal-dialog-new .set-input-read-only-bg .form-control {
  background: #f0f2f3;
  border: none;
  border-radius: 10px;
  color: #91979d;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 16px
}

.nav .tron-wallet-link-btn span {
  background-color: #101010;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 12px;
  line-height: 20px;
  padding: 6px 12px
}

.account-dropdown-menu .walletoperateBtn {
  padding: 0 10px
}

.account-dropdown-menu .walletoperateBtn button {
  background-color: #0000;
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  color: #101010;
  font-size: 14px;
  height: 40px;
  margin-top: 10px;
  width: 100%
}

.account-dropdown-menu .walletoperateBtn button:hover {
  border-color: #c23631;
  color: #c23631
}

@media(max-width:768px) {
  .account-dropdown-menu .walletoperateBtn {
    padding-left: 30px
  }
}

.dropdown-menu.account-dropdown-menu {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 22px #0000001a;
  padding: 10px 10px 20px;
  top: 100% !important
}

.dropdown-menu.account-dropdown-menu.dropdown-menu-new {
  width: max-content
}

.dropdown-menu.account-dropdown-menu.dropdown-menu-new .ant-dropdown-menu {
  box-shadow: none;
  padding: 0
}

.dropdown-menu.account-dropdown-menu.dropdown-menu-new .ant-dropdown-menu .ant-dropdown-menu-item {
  padding: 0
}

.dropdown-menu.account-dropdown-menu.dropdown-menu-new .ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background-color: #0000
}

.dropdown-menu.account-dropdown-menu .dropdown-divider {
  border-top: 1px solid #f0f2f3;
  margin: 10px 0
}

.dropdown-menu.account-dropdown-menu .dropdown-item {
  color: #101010;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  padding: 10px
}

.dropdown-menu.account-dropdown-menu .dropdown-item.wallet-account-item {
  align-items: center;
  display: flex;
  justify-content: flex-start
}

.dropdown-menu.account-dropdown-menu .dropdown-item.wallet-account-item:hover {
  background: #0000
}

.dropdown-menu.account-dropdown-menu .dropdown-item.wallet-account-item .tron-account-image {
  cursor: default;
  font-size: 36px;
  margin-right: 8px
}

.dropdown-menu.account-dropdown-menu .dropdown-item.wallet-account-item .wallet-account-address {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0
}

.dropdown-menu.account-dropdown-menu .dropdown-item.wallet-account-item .wallet-account-address .tagname {
  color: #404245;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 5px
}

.dropdown-menu.account-dropdown-menu .dropdown-item.wallet-account-item .wallet-account-address .wallet-account-address-item .wallet-account-adderss-show {
  color: #101010;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px
}

.dropdown-menu.account-dropdown-menu .dropdown-item.wallet-account-item .wallet-account-address .wallet-account-address-item .wallet-account-adderss-show .ellipsis_box {
  color: #101010
}

.dropdown-menu.account-dropdown-menu .dropdown-item.wallet-account-item .wallet-account-address .wallet-account-address-item .wallet-account-adderss-show .ellipsis_box:hover {
  color: #c23631
}

.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item {
  cursor: default;
  display: flex
}

.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item:hover {
  background-color: #0000
}

.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item .resourse-item {
  border-radius: 8px;
  color: #404245;
  cursor: pointer;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  font-size: 12px;
  line-height: 14px;
  padding: 12px
}

.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item .resourse-item.energy {
  background: #fffbf6;
  margin-right: 10px
}

.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item .resourse-item.energy:hover {
  background-color: #fff5e8
}

.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item .resourse-item.bindwidth {
  background: #f4fbfa
}

.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item .resourse-item.bindwidth:hover {
  background-color: #e6f6f4
}

.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item .resourse-item .resourse-info {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px
}

.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item .resourse-item .ant-progress {
  height: 4px;
  line-height: 4px
}

.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item .resourse-item .ant-progress .ant-progress-bg,
.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item .resourse-item .ant-progress .ant-progress-inner {
  height: 4px !important
}

.dropdown-menu.account-dropdown-menu .dropdown-item.resourse-dropdown-item .resourse-item .ant-progress .ant-progress-inner {
  vertical-align: 3px
}

.dropdown-menu.account-dropdown-menu .dropdown-item.asset-item:focus {
  background-color: #f9fafa
}

.dropdown-menu.account-dropdown-menu .dropdown-item.asset-item .item-right .icon-arrow {
  margin-left: 8px
}

.dropdown-menu.account-dropdown-menu .dropdown-item .menu-item-icon {
  font-size: 16px;
  margin-right: 10px
}

.dropdown-menu.account-dropdown-menu .dropdown-item .signature-num {
  background: #e2453f;
  border-radius: 9px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  height: 14px;
  line-height: 14px;
  margin-left: 4px;
  padding: 0 6px;
  text-align: center
}

.dropdown-menu.account-dropdown-menu .dropdown-item .menu-item-icon-right {
  color: #c2c9d1;
  font-size: 10px
}

.dropdown-menu.account-dropdown-menu .dropdown-item:hover {
  background: #f9fafa;
  border-radius: 4px
}

.dropdown-menu.account-dropdown-menu .dropdown-item:hover .menu-item-icon-right {
  color: #c23631
}

.dropdown-menu.account-dropdown-menu .single-dropdown-item {
  cursor: auto
}

.login-mask {
  background-color: #00000080;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999
}

.login-mask .login-import,
.login-mask .login-tronlink {
  background: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 2px;
  color: #3e3f3a;
  float: none;
  font-size: .875rem;
  left: 50%;
  list-style: none;
  margin: .125rem 0 0;
  min-width: 10rem;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  z-index: 10000
}

.login-mask .tronlink-pic {
  align-items: center;
  display: flex;
  justify-content: center
}

.login-mask .tronlink-pic img {
  display: block;
  height: 86px;
  width: 86px
}

.login-mask .login-cancel {
  color: #d8d8d8;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px
}

.login-mask .install-TRONlink a,
.login-mask .login-cancel:hover {
  color: #c23631
}

.login-mask .install-TRONlink a:hover {
  text-decoration: underline
}

.login-mask .login-privatekey-warn {
  font-size: 12px;
  margin-left: -70px;
  transform: scale(.7);
  width: 140%
}

@media only screen and (max-width:768px) {

  .login-mask .login-import,
  .login-mask .login-tronlink {
    top: 40%;
    width: 340px
  }
}

.evoke-popup-contain-wrapper .to-multi-send .btn-groups {
  display: flex
}

.evoke-popup-contain-wrapper .to-multi-send .btn-groups button {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 18px
}

.evoke-popup-contain-wrapper .to-multi-send .btn-groups .btn-ok {
  background-color: #fff;
  border: 1px solid #101010;
  color: #101010;
  margin-right: 20px
}

.evoke-popup-contain-wrapper .to-multi-send .btn-groups .btn-ok:hover {
  border-color: #c23631;
  transition: all .3s
}

@media(max-width:768px) {
  .evoke-popup-contain-wrapper .to-multi-send .btn-groups .btn-ok {
    margin-right: 10px
  }
}

.evoke-popup-contain-wrapper .to-multi-send .btn-groups .btn-cancel:hover {
  background-color: #c23631;
  transition: all .3s
}

.nav-bar-section .myaccount-nickname {
  font-size: 14px
}

.multi-menu-dropdown-loading {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 270px;
  min-width: 192px
}

.mobile-menu-wrapper .blockchain-remark {
  border-top: 1px solid #f0f2f3;
  color: #91979d;
  font-size: 12px;
  line-height: 20px;
  margin-top: 14px;
  padding-top: 14px
}

.mobile-menu-wrapper .help-contract-us-icon {
  color: #616568;
  font-size: 12px;
  margin-right: 12px
}

.mobile-menu-wrapper .help-contract-us-icon .icon-twitter-new-colorless {
  *font-size: 10px;
  transform: scale(.83)
}

.mobile-menu-wrapper .help-contract-us-icon:hover {
  color: #101010 !important
}

.mobile-menu-wrapper .help-contract-us-icon:nth-child(2) {
  margin-left: 10px
}

.mobile-menu-wrapper .submit-feedback {
  margin-left: 10px;
  margin-top: 20px
}

.mobile-menu-wrapper .submit-feedback a {
  border: 1px solid #c2c9d1;
  border-radius: 4px;
  color: #101010;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 2px 10px
}

.mobile-menu-wrapper .submit-feedback a:hover {
  border: 1px solid #c23631;
  color: #c23631
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper {
  line-height: 1;
  margin-top: 16px;
  padding-left: 10px
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .ecosystem-item {
  border-bottom: 1px solid #f0f2f3;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .ecosystem-item h5 {
  color: #73787b;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 12px
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .ecosystem-item:last-child {
  border-bottom: none;
  margin-bottom: 0
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .ecosystem-content-item {
  align-items: flex-start;
  display: flex;
  margin-bottom: 20px
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .ecosystem-content-item img {
  display: block;
  height: 22px;
  margin-right: 10px;
  margin-top: 10px;
  width: 22px
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .ecosystem-content-item .tron-icon {
  font-size: 22px;
  margin-right: 10px;
  margin-top: 10px
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .ecosystem-content-item b {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .ecosystem-content-item p {
  color: #73787b;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .ecosystem-content-item:last-child {
  margin-bottom: 0
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .TRON-ecosystem-more {
  margin-top: 14px
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .TRON-ecosystem-more p {
  color: #73787b;
  display: inline;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0;
  margin-right: 12px
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .TRON-ecosystem-more a {
  color: #101010;
  font-size: 12px;
  margin-right: 4px
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .TRON-ecosystem-more .tron-icon {
  font-size: 9px
}

.mobile-menu-wrapper .TRON-ecosystem-wrapper .TRON-ecosystem-more>div {
  display: inline;
  margin-right: 16px
}

.mobile-menu-wrapper .nav-developers-wrapper {
  color: #101010;
  font-size: 14px;
  line-height: 1;
  line-height: 20px;
  margin-top: 20px
}

.mobile-menu-wrapper .nav-developers-wrapper .api-info-wrapper {
  background-color: #f7f9fc;
  background-image: url(/static/media/icon-apii.73a70b3b23ae1edd669f.svg);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 62px 60px;
  border-radius: 6px;
  display: block;
  margin-bottom: 20px;
  margin-right: 10px;
  padding: 20px 20px 4px
}

.mobile-menu-wrapper .nav-developers-wrapper .api-info-wrapper .api-top-info {
  margin-bottom: 12px
}

.mobile-menu-wrapper .nav-developers-wrapper .api-info-wrapper .api-top-info .api-btn {
  border: 1px solid #101010;
  border-radius: 5px;
  color: #101010;
  font-size: 12px;
  line-height: 16px;
  margin-right: 8px;
  padding: 2px 8px
}

.mobile-menu-wrapper .nav-developers-wrapper .api-info-wrapper .api-top-info b {
  font-weight: 600
}

.mobile-menu-wrapper .nav-developers-wrapper .api-info-wrapper p {
  margin-bottom: 0
}

.mobile-menu-wrapper .nav-developers-wrapper .api-info-wrapper .go-to-api-page {
  color: #c23631;
  display: block;
  font-size: 38px;
  margin-top: 35px
}

.mobile-menu-wrapper .nav-developers-wrapper .developers-item {
  border-top: 1px solid #f0f2f3;
  padding-top: 20px
}

.mobile-menu-wrapper .nav-developers-wrapper .developers-item h5 {
  color: #73787b;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px
}

.mobile-menu-wrapper .nav-developers-wrapper .developers-item:last-child,
.mobile-menu-wrapper .nav-developers-wrapper .developers-item:last-child .dev-list>a:last-child {
  margin-bottom: 0
}

.mobile-menu-wrapper .nav-developers-wrapper .dev-list {
  margin-top: 12px
}

.mobile-menu-wrapper .nav-developers-wrapper .dev-list>a {
  color: #101010;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px
}

.mobile-menu-wrapper .m-list-wrapper {
  margin-top: 10px
}

.mobile-menu-wrapper .m-list-wrapper>a {
  color: #101010;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 0 10px
}

.mobile-menu-wrapper .m-list-wrapper>a:last-child {
  margin-bottom: 0
}

.mobile-menu-wrapper .m-list-wrapper>a.item-active,
.mobile-menu-wrapper .m-list-wrapper>a:hover {
  color: #c23631
}

.mobile-menu-wrapper .m-blockchain-wrapper .m-blockchain-marker {
  border-top: 1px solid #f0f2f3;
  color: #91979d;
  font-size: 12px;
  line-height: 20px;
  margin-top: 14px;
  padding-top: 14px
}

.mobile-menu-wrapper .more-menu-mobile-wrapper .dropdown-header {
  font-size: 12px
}

.mobile-menu-wrapper .more-class {
  color: #73787b !important
}

.mobile-menu-wrapper .more-menu-mobile-wrapper.bottom-border {
  border-bottom: 1px solid #f0f2f3;
  margin-bottom: 12px;
  padding-bottom: 12px
}

.mobile-menu-wrapper .more-menu-mobile-wrapper.bottom-border:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.mobile-menu-wrapper .more-menu-mobile-wrapper.more-border:nth-child(3),
.mobile-menu-wrapper .more-menu-mobile-wrapper.more-border:nth-child(4) {
  border-top: 1px solid #f0f2f3;
  margin-top: 12px;
  padding-top: 12px
}

.mobile-menu-wrapper .dropdown-item {
  padding: .25rem 10px !important
}

.mobile-menu-wrapper .dropdown-header {
  padding: .5rem 10px !important
}

.mobile-menu-wrapper>ul>li:first-child {
  padding-left: 24px !important
}

.tron-site-setting h3 {
  color: #101010;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 20px 0 12px
}

.tron-site-setting h3:first-child {
  margin: 0 0 12px
}

.tron-site-setting .common-item {
  background: #fff;
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  color: #101010;
  display: inline-block;
  line-height: 16px;
  padding: 11px 16px
}

.tron-site-setting .common-item:hover {
  background: #f0f2f3;
  color: #c23631
}

.tron-site-setting .common-item-active {
  background: #f0f2f3;
  border-color: #f0f2f3;
  box-shadow: none;
  color: #c23631
}

.tron-site-setting .footerLanguagesWrapper {
  display: flex;
  flex-wrap: wrap
}

.tron-site-setting .language-item-wrap {
  flex: 0 0 33.3333%
}

.tron-site-setting .language-item-wrap:nth-child(3) .languages-item,
.tron-site-setting .language-item-wrap:nth-child(6) .languages-item,
.tron-site-setting .language-item-wrap:nth-child(9) .languages-item {
  margin-right: 0
}

.tron-site-setting .language-item-wrap:nth-child(7) .languages-item,
.tron-site-setting .language-item-wrap:nth-child(8) .languages-item,
.tron-site-setting .language-item-wrap:nth-child(9) .languages-item {
  margin-bottom: 0
}

.tron-site-setting .languages-item {
  display: block;
  margin-bottom: 12px;
  margin-right: 16px
}

.tron-site-setting .languages-item .country-flag {
  margin-right: 8px
}

.tron-site-setting .address-item,
.tron-site-setting .time-item {
  margin-bottom: 12px;
  width: 100%
}

.tron-site-setting .address-item:last-child,
.tron-site-setting .time-item:last-child {
  margin-bottom: 0
}

.tron-site-setting .note {
  color: #73787b;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 12px 0 30px
}

.tron-site-setting .saveSetting {
  background: #101010;
  border: none;
  border-radius: 10px;
  box-shadow: none;
  color: #fff;
  height: 40px;
  min-width: 210px;
  text-align: center
}

.tron-site-setting .saveSetting:hover {
  background: #c23631;
  border: none
}

.tron-site-setting .address-highlight {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px
}

.tron-site-setting .address-highlight .switch-token {
  width: 30px
}

.tron-site-setting .address-highlight .switch-token .ant-switch-checked {
  background: #3cc31b
}

.tron-site-setting .address-highlight-tips {
  color: #101010;
  font-size: 14px;
  font-weight: 400
}

@media screen and (max-width:768px) {
  .tron-site-setting {
    padding: 0 20px 20px 30px
  }

  .tron-site-setting .common-item {
    border-radius: 6px;
    font-size: 14px;
    padding: 7px 16px
  }

  .tron-site-setting .language-item-wrap {
    flex: 0 0 50%
  }

  .tron-site-setting .language-item-wrap:nth-child(2) .languages-item,
  .tron-site-setting .language-item-wrap:nth-child(4) .languages-item,
  .tron-site-setting .language-item-wrap:nth-child(6) .languages-item,
  .tron-site-setting .language-item-wrap:nth-child(8) .languages-item {
    margin-left: 7px;
    margin-right: 0
  }

  .tron-site-setting .language-item-wrap:nth-child(3) .languages-item {
    margin-right: 8px !important
  }

  .tron-site-setting .language-item-wrap:nth-child(7) .languages-item,
  .tron-site-setting .language-item-wrap:nth-child(8) .languages-item {
    margin-bottom: 12px !important
  }

  .tron-site-setting .language-item-wrap:nth-child(9) .languages-item {
    margin-bottom: 0 !important;
    margin-right: 8px !important
  }

  .tron-site-setting .languages-item {
    font-size: 14px;
    margin-bottom: 12px;
    margin-right: 8px
  }

  .tron-site-setting .languages-item .country-flag {
    margin-right: 8px
  }

  .tron-site-setting .saveSetting {
    border-radius: 6px;
    font-size: 12px;
    height: 32px;
    min-width: 48px;
    padding: 6px 12px
  }
}

.profit-box {
  background-color: #fff;
  border-radius: 10px;
  position: relative
}

.profit-box .common-profit-wapper {
  height: 100%;
  position: relative;
  width: 100%
}

.profit-box .common-profit-wapper iframe {
  border-radius: 10px;
  overflow: hidden
}

.profit-box #token-text-profit iframe,
.profit-box #token-text-profit iframe .inner .info {
  font-family: Lato
}

.profit-box .profit-main {
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.profit-box .profit-main.loading {
  font-size: 30px
}

.profit-box .profit-main.loading .tron-icon {
  animation: loadingRotate 1s linear infinite
}

@keyframes loadingRotate {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.profit-box .profit-main.small-loading {
  font-size: 16px
}

.profit-box .profit-main.token-text-loading {
  width: 880px
}

.profit-box .profit-main.emtry {
  font-size: 125px
}

@media screen and (max-width:1400px) {
  .profit-box .profit-main.token-text-loading {
    width: 680px
  }
}

@media screen and (max-width:680px) {
  .profit-box .profit-main.token-text-loading {
    width: 100%
  }
}

.txn-btn-group {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: 6px;
  transform: translateY(-2px)
}

.txn-btn-group .btn-icon {
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  margin-right: 8px;
  width: 24px
}

@media screen and (min-width:769px) {
  .txn-btn-group .btn-icon.btn-icon-disabled {
    margin-top: 6px
  }
}

.txn-btn-group .btn-icon.btn-icon-disabled .tron-icon.tron-latest-icon {
  color: #91979d
}

.txn-btn-group .btn-icon .tron-next-icon {
  transform: rotate(180deg)
}

.txn-btn-group .btn-icon:not(.btn-icon-disabled):hover {
  background-color: #e3e4e7
}

.txn-btn-group .btn-icon:not(.btn-icon-disabled):active {
  background-color: #73787b
}

.txn-btn-group .btn-icon:not(.btn-icon-disabled):active .tron-icon {
  color: #fff
}

.txn-btn-group .btn-icon .tron-icon {
  color: #101010;
  font-size: 10px
}

.ant-drawer-header-title {
  justify-content: flex-end
}

.ant-drawer-header-title .ant-drawer-close {
  margin-right: 0
}

.developer_challenge_box {
  display: inline-block;
  width: 100%
}

.developer_challenge_box .dropdown-item {
  width: 100%
}

.developer_challenge_box .new-test-net {
  background: #c64844;
  bottom: 10px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-style: italic;
  line-height: 10px;
  padding: 0 2px;
  position: absolute;
  right: -5px;
  text-align: center
}

.wallet-account-address {
  align-items: center;
  color: #333;
  display: flex;
  justify-content: flex-start;
  padding-left: 22px;
  padding-right: 25px
}

@media(max-width:768px) {
  .wallet-account-address {
    color: #fff;
    justify-content: flex-start;
    padding-right: 0
  }

  .wallet-account-address .wallet-account-address-item {
    padding-right: 15px;
    width: 100%
  }
}

.wallet-account-address:hover a {
  color: #c23631 !important
}

.wallet-account-address i {
  color: #c2c9d1
}

@media(max-width:767px) {
  .wallet-account-address i {
    font-size: 12px
  }
}

.busd_notice {
  align-items: center;
  background: #ede8e4;
  border-radius: 10px;
  color: #7f471c;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding: 6px 10px
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu-network {
  padding: 10px 30px
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu-ecosystem {
  padding: 10px 0
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu-ecosystem .dropdown-menu-ecosystem-box .multi-menu-dropdown {
  padding: 0 20px 0 0
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu-ecosystem .dropdown-menu-ecosystem-box .multi-menu-dropdown:first-child {
  padding: 0 10px 0 20px
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu-ecosystem .multi-menu-dropdown {
  margin-right: 0
}

@media screen and (max-width:1200px) {
  .tron-light .new-menu-List .navbar-nav .dropdown-menu-ecosystem .dropdown-menu-ecosystem-box {
    flex-wrap: wrap;
    max-height: 420px;
    overflow-y: scroll
  }

  .tron-light .new-menu-List .navbar-nav .dropdown-menu-ecosystem .dropdown-menu-ecosystem-box::-webkit-scrollbar {
    height: 30px;
    width: 3px
  }

  .tron-light .new-menu-List .navbar-nav .dropdown-menu-ecosystem .dropdown-menu-ecosystem-box::-webkit-scrollbar-track {
    background-color: #fff
  }

  .tron-light .new-menu-List .navbar-nav .dropdown-menu-ecosystem .dropdown-menu-ecosystem-box::-webkit-scrollbar-thumb {
    background-color: #e0e4e8;
    border-radius: 3px;
    box-shadow: 0 2px 30px #1010104d
  }

  .tron-light .new-menu-List .navbar-nav .dropdown-menu-ecosystem .dropdown-menu-ecosystem-box .multi-menu-dropdown:nth-child(2) {
    padding: 0 10px 0 20px
  }
}

.tron-light .new-menu-List .navbar-nav .dropdown-menu-ecosystem .dropdown-item .desc span {
  color: #73787b
}

.tron-light .new-menu-List .navbar-nav .more-menu-nav {
  padding: 0
}

.tron-light .new-menu-List .navbar-nav .more-menu-nav .multi-menu-dropdown {
  margin: 0;
  padding: 10px 15px;
  width: 100%
}

.tron-light .new-menu-List .navbar-nav .more-menu-nav .multi-menu-dropdown:nth-child(3) {
  background: linear-gradient(90deg, #f3f5fb80, #fff0)
}

.tron-light .new-menu-List .navbar-nav .more-menu-nav .multi-menu-dropdown:last-child {
  background: linear-gradient(90deg, #f5f6fb00, #fff0)
}

.tron-light .new-menu-List .navbar-nav .more-menu-nav .more-color,
.tron-light .new-menu-List .navbar-nav .more-menu-nav .more-color span {
  color: #73787b
}

.tron-light .new-menu-List .navbar-nav .more-menu-nav .more-color span:hover,
.tron-light .new-menu-List .navbar-nav .more-menu-nav .more-color:hover {
  color: #c23631
}

.tron-light .new-menu-List .navbar-nav .more-menu-nav-left {
  left: -350px
}

.sub-title-page-wrap .contract-text-profit {
  background: none;
  height: 30px;
  margin: 4px 0 0;
  overflow: hidden
}

.sub-title-page-wrap .analystics-beta {
  background-color: #91979d;
  border-radius: 8px;
  border-bottom-left-radius: 2px;
  color: #f0f1f3;
  font-family: PingFang SC;
  font-size: 11px;
  font-weight: 600;
  height: 17px;
  line-height: 17px;
  margin-left: 6px;
  padding: 0 5px
}

.sub-title-page-wrap .vote-title-desc {
  line-height: 0
}

.more-menu-mobile-wrapper .dropdown-header {
  align-items: center;
  display: flex;
  font-size: 14px
}

.more-menu-mobile-wrapper .dropdown-header .nav-beta-icon {
  align-items: center;
  background-color: #91979d;
  border-radius: 5px;
  border-bottom-left-radius: 1px;
  display: inline-flex;
  height: 10px;
  justify-content: center;
  margin-left: 2px;
  width: 24px
}

.more-menu-mobile-wrapper .dropdown-header .nav-beta-icon span {
  zoom: .6;
  color: #f0f1f3 !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 10px
}

.dropdown-menu-ecosystem .dropdown-header {
  padding: .5rem 1.5rem .5rem .5rem
}

.dropdown-menu-ecosystem .outLink {
  color: #101010
}

.dropdown-menu-ecosystem .outLink:hover {
  color: #c23631
}

.nav-item-page .card-risk {
  background-color: #c236311a;
  border-radius: 4px;
  flex: 1 1 auto;
  margin-bottom: 0;
  margin-top: 0;
  min-height: 1px;
  padding: 5px 10px
}

.nav-item-page .card-risk .warn-text {
  color: #c23631;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 17px
}

.nav-item-page .card-notice {
  background-color: #ecedf0;
  border-radius: 4px;
  flex: 1 1 auto;
  margin-bottom: 0;
  margin-top: 0;
  min-height: 1px;
  padding: 5px 10px
}

.nav-item-page .card-notice .info-text,
.nav-item-page .card-notice .info-text a {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 17px
}

.nav-item-page .card-notice .info-text {
  color: #101010
}

.nav-item-page .card-notice .info-text a {
  color: #c23631;
  cursor: pointer;
  margin-left: 4px
}

.nav-item-page .card-notice .icon-icon_close2 {
  color: #101010
}

.nav-item-page .top-right-placement {
  color: #c23631;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  right: -26px;
  top: -5px
}

.nav-item-page .more-nav-icon {
  color: #c23631;
  font-size: 20px;
  line-height: 10px;
  position: absolute;
  right: -22px;
  top: -10px
}

.new-menu-List .top-header-bar {
  z-index: 410
}

.new-menu-List .top-header-bar .nav-item .more-icon-new {
  margin-left: 6px;
  width: 22px
}

.new-menu-List .top-header-bar .nav-item .nav-more-icon {
  margin-left: 2px
}

@media screen and (max-width:1200px) {
  .new-menu-List .top-header-bar .nav-item .more-menu {
    max-height: 500px;
    overflow-y: scroll
  }

  .new-menu-List .top-header-bar .nav-item .more-menu::-webkit-scrollbar {
    height: 30px;
    width: 3px
  }

  .new-menu-List .top-header-bar .nav-item .more-menu::-webkit-scrollbar-track {
    background-color: #fff
  }

  .new-menu-List .top-header-bar .nav-item .more-menu::-webkit-scrollbar-thumb {
    background-color: #e0e4e8;
    border-radius: 3px;
    box-shadow: 0 2px 30px #1010104d
  }
}

.new-menu-List .top-header-bar .nav-item .more-menu-nav .dropdown-header {
  min-height: 36px
}

.new-menu-List .top-header-bar .nav-item .more-menu-nav .nav_feedback_btn {
  border: 1px solid #c2c9d1;
  border-radius: 4px;
  box-shadow: none;
  color: #101010;
  display: inline-block;
  font-size: 12px;
  height: 24px;
  line-height: 22px;
  margin: 10px 0 0 10px;
  padding: 0 10px;
  text-align: center
}

.new-menu-List .top-header-bar .nav-item .more-menu-nav .nav_feedback_btn:hover {
  border-color: #c23631
}

.new-menu-List .top-header-bar .nav-item .more-menu-nav .nav_feedback_btn:hover span {
  color: #c23631 !important
}

.new-menu-List .top-header-bar .nav-item .developer-menu {
  padding: 16px
}

.new-menu-List .top-header-bar .nav-item .developer-menu .developer-api {
  background: #f7f9fc80;
  border-radius: 6px;
  font-size: 12px;
  margin-right: 20px;
  min-height: 220px;
  min-width: 200px;
  padding: 20px
}

@media screen and (max-width:1200px) {
  .new-menu-List .top-header-bar .nav-item .developer-menu .developer-api {
    margin-right: 0
  }
}

.new-menu-List .top-header-bar .nav-item .developer-menu .developer-api:hover {
  background: #f7f9fc;
  cursor: pointer
}

.new-menu-List .top-header-bar .nav-item .developer-menu .developer-api:hover .slogan {
  border: 1px solid #101010;
  color: #101010
}

.new-menu-List .top-header-bar .nav-item .developer-menu .developer-api:hover .apiTitle {
  color: #101010;
  font-weight: 600
}

.new-menu-List .top-header-bar .nav-item .developer-menu .developer-api:hover .apiDesc {
  color: #101010
}

.new-menu-List .top-header-bar .nav-item .developer-menu .developer-api:hover .api-arrow {
  color: #c23631
}

.new-menu-List .top-header-bar .nav-item .developer-menu .developer-api:hover .api-img {
  opacity: 1
}

.new-menu-List .top-header-bar .nav-item .developer-menu .slogan {
  border: 1px solid #c2c9d1;
  border-radius: 5px;
  color: #101010;
  display: inline-block;
  height: 20px;
  line-height: 19px;
  margin-right: 8px;
  text-align: center;
  width: 35px
}

.new-menu-List .top-header-bar .nav-item .developer-menu .apiTitle {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.new-menu-List .top-header-bar .nav-item .developer-menu .apiDesc {
  color: #73787b;
  line-height: 20px;
  margin: 12px 0 0;
  white-space: pre-line;
  word-break: break-word
}

.new-menu-List .top-header-bar .nav-item .developer-menu .api-arrow {
  bottom: 20px;
  color: #91979d;
  height: 12px;
  left: 20px;
  position: absolute;
  width: 38px
}

.new-menu-List .top-header-bar .nav-item .developer-menu .api-img {
  bottom: 0;
  display: inline-block;
  height: 60px;
  opacity: .5;
  position: absolute;
  right: 0;
  width: 62px
}

.new-menu-List .top-header-bar .single-language-navbar-nav .developer-menu .developer-api {
  min-height: 230px
}

@media screen and (max-width:1273px) {
  .new-menu-List .top-header-bar .single-language-navbar-nav .more-menu {
    flex-direction: row !important;
    flex-wrap: wrap;
    left: auto !important;
    max-height: 500px;
    overflow-y: scroll
  }

  .new-menu-List .top-header-bar .single-language-navbar-nav .more-menu::-webkit-scrollbar {
    height: 30px;
    width: 3px
  }

  .new-menu-List .top-header-bar .single-language-navbar-nav .more-menu::-webkit-scrollbar-track {
    background-color: #fff
  }

  .new-menu-List .top-header-bar .single-language-navbar-nav .more-menu::-webkit-scrollbar-thumb {
    background-color: #e0e4e8;
    border-radius: 3px;
    box-shadow: 0 2px 30px #1010104d
  }
}

@media screen and (max-width:1273px) {
  .new-menu-List .top-header-bar .single-language-navbar-nav .dropdown-menu-ecosystem .dropdown-menu-ecosystem-box {
    flex-wrap: wrap;
    left: auto !important;
    max-height: 420px;
    overflow-y: scroll
  }

  .new-menu-List .top-header-bar .single-language-navbar-nav .dropdown-menu-ecosystem .dropdown-menu-ecosystem-box::-webkit-scrollbar {
    height: 30px;
    width: 3px
  }

  .new-menu-List .top-header-bar .single-language-navbar-nav .dropdown-menu-ecosystem .dropdown-menu-ecosystem-box::-webkit-scrollbar-track {
    background-color: #fff
  }

  .new-menu-List .top-header-bar .single-language-navbar-nav .dropdown-menu-ecosystem .dropdown-menu-ecosystem-box::-webkit-scrollbar-thumb {
    background-color: #e0e4e8;
    border-radius: 3px;
    box-shadow: 0 2px 30px #1010104d
  }
}

.home-nav-notice-menu {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px #1010100d;
  padding: 16px 20px;
  top: 58px !important;
  width: 315px
}

.home-nav-notice-menu .ant-dropdown-menu {
  box-shadow: none;
  padding: 0
}

.home-nav-notice-menu .ant-dropdown-menu .ant-dropdown-menu-item {
  background-color: #fff !important;
  cursor: auto;
  padding: 0
}

.home-nav-notice-menu .ant-dropdown-menu .ant-dropdown-menu-item a {
  text-decoration: none
}

.home-nav-notice-menu .ant-dropdown-menu .ant-dropdown-menu-item a:hover {
  color: #c23631
}

.home-nav-notice-menu .ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background-color: #fff
}

.home-nav-notice-menu .notice-item {
  border-bottom: 1px solid #f0f2f3;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  width: 100%
}

.home-nav-notice-menu .notice-item-content {
  color: #101010;
  display: block
}

.home-nav-notice-menu .new-dot {
  background: #b73e31;
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  margin-left: 8px;
  vertical-align: 2px;
  width: 6px
}

.home-nav-notice-menu .notice-item-date {
  color: #73787b;
  margin-top: 4px
}

.home-nav-notice-menu .notice-view-more {
  color: #404245
}

.home-nav-notice-menu .notice-view-more:hover {
  color: #c23631
}

.dropdown-menu-new .ant-dropdown-menu-item .wallet-management-num span {
  color: #101010;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-right: 8px
}

@media screen and (max-width:768px) {
  .dropdown-menu-new .ant-dropdown-menu-item .resourse-dropdown-item {
    flex-direction: column
  }

  .dropdown-menu-new .ant-dropdown-menu-item .resourse-dropdown-item .resourse-item.energy {
    margin-bottom: 10px;
    margin-right: 0 !important
  }
}

.dropdown-menu-new .ant-dropdown-menu-item .resourse-dropdown-item .menu-item-icon {
  font-size: 10px !important;
  margin-left: 4px;
  margin-right: 0;
  vertical-align: 0
}

@media screen and (max-width:768px) {
  .mobile-transaction-profit {
    border-radius: 10px;
    box-shadow: 0 20px 30px #1010100f;
    height: 80px;
    margin: 20px auto -4px;
    max-width: 375px;
    width: calc(100% - 30px)
  }

  .wallet-menu .wallet-account-menu .dropdown-item.wallet-account-item .wallet-account-address {
    flex: 1 1;
    width: 180px
  }

  .wallet-menu .wallet-account-menu .dropdown-item.wallet-account-item .wallet-account-address .tagname {
    margin-right: 10px
  }

  .wallet-menu .wallet-account-menu .dropdown-item.wallet-account-item .wallet-account-address .wallet-account-address-item .wallet-account-adderss-show {
    padding-left: 0
  }

  .wallet-menu .wallet-account-menu .dropdown-item.wallet-account-item .asset-item>span {
    width: auto !important
  }
}

.menu-nav-wrapper {
  flex-direction: column
}

.menu-nav-wrapper .switch-network-tip-wrapper {
  background: #6d68681a;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  margin: 16px auto 10px;
  padding: 8px 12px;
  width: 1340px
}

.menu-nav-wrapper .switch-network-tip-wrapper .icon-icon-warning-tips {
  margin-right: 8px
}

.menu-nav-wrapper .switch-network-tip-wrapper span {
  color: #101010
}

.menu-nav-wrapper .switch-network-tip-wrapper b {
  color: #c23631;
  cursor: pointer;
  font-weight: 400;
  margin-left: 4px
}

.china-area-tips {
  background: #f2e9e3;
  border-radius: 8px;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  line-height: 28px;
  margin: 16px auto 10px;
  padding: 8px 12px;
  width: 1340px
}

.china-area-tips span {
  color: #7f471c
}

.china-area-tips .notice-got-btn {
  background: #7f471c;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  line-height: 16px;
  padding: 6px 12px
}

.china-area-tips .notice-got-btn span {
  color: #fff
}

@media(min-width:768px)and (max-width:1399px) {
  .menu-nav-wrapper .switch-network-tip-wrapper {
    box-sizing: border-box;
    width: 100%
  }
}

@media(min-width:960px)and (max-width:1399px) {
  .china-area-tips {
    overflow-x: scroll;
    width: 100%
  }
}

@media(min-width:768px)and (max-width:959px) {
  .china-area-tips {
    overflow-x: scroll;
    width: 100%
  }
}

.wallet-list-item:hover .fa-angle-right {
  color: #c23631 !important
}

.wallet-list-item:hover .wallet-management-text {
  color: #c23631
}

.wallet-list-item.asset-item:hover {
  background: none !important
}

@media screen and (max-width:768px) {
  .wallet-list-item .signature-box {
    align-items: center;
    display: flex
  }

  .china-area-tips {
    flex-wrap: wrap;
    line-height: 22px;
    width: 100%
  }

  .wallet-account-adderss-show {
    width: 100%
  }
}

.hotSearch {
  font-size: 12px;
  padding: 0
}

.hotSearch .home-hot-search {
  height: 20px;
  margin-top: 12px
}

.hotSearch .home-hot-search .hot-token {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}

.hotSearch .home-hot-search .hot-token .list-token,
.hotSearch .home-hot-search .hot-token li {
  align-items: center;
  color: #404245;
  display: flex;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  list-style: none;
  margin-right: 12px;
  position: relative;
  text-align: right
}

@media(max-width:1424px) {

  .hotSearch .home-hot-search .hot-token .list-token,
  .hotSearch .home-hot-search .hot-token li {
    margin-right: 12px
  }
}

.hotSearch .home-hot-search .hot-token .list-token:first-child,
.hotSearch .home-hot-search .hot-token li:first-child {
  margin-left: 16px
}

.hotSearch .home-hot-search .hot-token .list-token:last-child,
.hotSearch .home-hot-search .hot-token li:last-child {
  color: #616568;
  cursor: pointer;
  font-size: 12px;
  margin-left: 8px;
  white-space: nowrap
}

.hotSearch .home-hot-search .hot-token .list-token:last-child .tron-right-icon,
.hotSearch .home-hot-search .hot-token li:last-child .tron-right-icon {
  margin-top: 2px
}

.hotSearch .home-hot-search .hot-token .list-token a,
.hotSearch .home-hot-search .hot-token li a {
  color: #404245
}

.hotSearch .home-hot-search .hot-token .list-token a:hover,
.hotSearch .home-hot-search .hot-token li a:hover {
  color: #c23631
}

.hotSearch .home-hot-search .hot-token .list-token .tron-hot-token-icon,
.hotSearch .home-hot-search .hot-token li .tron-hot-token-icon {
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  margin-right: 8px;
  margin-top: -2px;
  vertical-align: middle;
  width: 14px
}

.hotSearch .home-hot-search .hot-token .list-token img,
.hotSearch .home-hot-search .hot-token li img {
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  margin-right: 8px;
  margin-top: -2px;
  width: 14px
}

.hotSearch .home-hot-search .hot-token .list-token.hot-token-more,
.hotSearch .home-hot-search .hot-token li.hot-token-more {
  color: #404245
}

.hotSearch .home-hot-search .hot-token .list-token.hot-token-more:hover,
.hotSearch .home-hot-search .hot-token li.hot-token-more:hover {
  color: #c23631
}

.hotSearch .home-hot-search .hot-token .list-token-single-style:last-child span,
.hotSearch .home-hot-search .hot-token li:last-child span {
  display: inline-block
}

.hotSearch .home-hot-search .hot-token .token-img-top .tron-v-icon {
  height: 9px;
  left: 8px;
  position: absolute;
  top: 10px;
  width: 9px
}

.hotSearch .home-hot-search .hot-token .token-img-top .tron-token-color {
  color: #a42921
}

.hotSearch .hot-search-title {
  color: #404245;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap
}

.hotSearch .noticeNews .nodataSkeleton {
  margin-top: 12px
}

.hotSearch .notice .nodataSkeleton {
  height: 100%;
  margin: 10px 0;
  width: 100%
}

.hotSearch .notice>a {
  color: #91979d;
  height: 100%;
  width: 100%
}

.hotSearch .notice>a:hover .splitLine {
  color: #666
}

.hotSearch .notice>a .splitLine {
  margin: 0 10px 0 0
}

.hotSearch .notice>a.more {
  color: #616568;
  text-align: right;
  white-space: nowrap;
  width: auto
}

.hotSearch .notice>a span {
  line-height: 42px
}

.hotSearch .notice-wrap-nodata {
  height: 100%;
  width: 100%
}

@media(min-width:991px)and (max-width:1400px) {
  .hotSearch {
    padding: 0
  }

  .hotSearch .home-notice-right {
    padding-left: 0
  }

  .hotSearch .home-hot-search {
    height: auto
  }

  .hotSearch .home-hot-search .hot-token {
    align-items: flex-start;
    flex-wrap: wrap
  }
}

@media screen and (max-width:768px) {
  .hotSearch {
    box-sizing: border-box
  }

  .hotSearch .noticeNews .searchCont {
    align-items: center;
    justify-content: space-between;
    overflow: scroll;
    padding-left: 1rem
  }

  .hotSearch .noticeNews .searchCont .hot-token {
    flex: 1 1;
    padding-right: 8px
  }

  .hotSearch .noticeNews .searchCont .hot-token .list-token:first-child,
  .hotSearch .noticeNews .searchCont .hot-token .list-token:last-child,
  .hotSearch .noticeNews .searchCont .hot-token li:first-child,
  .hotSearch .noticeNews .searchCont .hot-token li:last-child {
    margin-left: 0
  }

  .hotSearch .noticeNews .searchCont .hot-token .list-token:last-child:after,
  .hotSearch .noticeNews .searchCont .hot-token li:last-child:after {
    display: none
  }

  .hotSearch .noticeNews .searchCont .hot-token .list-token img,
  .hotSearch .noticeNews .searchCont .hot-token li img {
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    margin-right: 8px;
    margin-top: -2px;
    width: 14px
  }

  .hotSearch .noticeNews .searchCont .hot-token .list-token-title {
    margin-right: 0 !important
  }

  .hotSearch .noticeNews .searchCont .hot-token-large {
    width: calc(100% - 80px)
  }

  .hotSearch .noticeNews .searchCont .more-token {
    align-items: center;
    color: #c23631;
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    letter-spacing: 0;
    list-style: none;
    margin-right: 0;
    max-width: 105px;
    text-align: right
  }

  .hotSearch .noticeNews .searchCont .more-token span {
    white-space: nowrap
  }

  .hotSearch .noticeNewsBox {
    width: 100%
  }

  .hotSearch .home-hot-search {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0
  }

  .hotSearch .home-hot-search .hot-token {
    flex-wrap: nowrap
  }

  .hotSearch .home-hot-search .hot-token .list-token,
  .hotSearch .home-hot-search .hot-token li {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin-right: 10px
  }

  .hotSearch .home-hot-search .hot-token .list-token:first-child,
  .hotSearch .home-hot-search .hot-token li:first-child {
    margin-left: 2px
  }

  .hotSearch .home-hot-search .hot-token .list-token:last-child,
  .hotSearch .home-hot-search .hot-token li:last-child {
    color: #616568
  }

  .hotSearch .home-hot-search .hot-token .list-token a,
  .hotSearch .home-hot-search .hot-token li a {
    color: #404245;
    font-size: 12px;
    margin-left: -5px;
    white-space: nowrap
  }

  .hotSearch .hot-search-title {
    white-space: nowrap
  }

  .hotSearch .nodataSkeleton {
    margin-left: 1rem
  }

  .hotSearch .nodataSkeleton .ant-skeleton-content .ant-skeleton-title {
    margin-top: 10px
  }

  .hotSearch .notice-new-style .more {
    text-align: right
  }
}

.search-suggest-wrapper,
.serch-noresult-wrapper {
  border-radius: 10px;
  max-height: 510px;
  overflow: hidden;
  position: relative
}

.search-suggest-wrapper .search-loading,
.serch-noresult-wrapper .search-loading {
  animation: loading 1s linear infinite forwards
}

.search-suggest-wrapper .search-tip-icon,
.serch-noresult-wrapper .search-tip-icon {
  margin-right: 8px
}

.serch-noresult-cont {
  background: #fff;
  max-height: 510px;
  overflow-y: auto;
  width: 100%
}

.serch-noresult-cont::-webkit-scrollbar {
  background-color: #73787b;
  height: 3px;
  opacity: 0;
  width: 3px
}

.serch-noresult-cont::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 30px #1010104d
}

.serch-noresult-cont::-webkit-scrollbar-thumb {
  background-color: #73787b;
  border-radius: 10px;
  box-shadow: 0 2px 30px #1010104d
}

.serch-noresult {
  color: #101010
}

.serch-noresult .search-info {
  align-items: center;
  background-color: #f9fafa;
  display: flex;
  height: 40px;
  padding: 0 20px
}

@media(max-width:768px) {
  .serch-noresult .search-info {
    margin-bottom: 8px
  }
}

.serch-noresult .search-info img {
  display: inline-block;
  height: 14px;
  width: 14px
}

.serch-noresult .search-info span {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.serch-noresult .card {
  border: 0
}

.serch-noresult .hot-list {
  margin-bottom: 0
}

.serch-noresult .hot-list .hot-list-header {
  padding: 12px 0 16px
}

.serch-noresult .hot-list .list-group {
  min-height: 200px !important
}

.serch-noresult .hot-list .list-group-item {
  min-height: 44px !important;
  padding: 0
}

.serch-noresult .hot-list .hot-token .smart-table-wrapper .ant-table-tbody tr:first-child {
  display: none
}

.serch-noresult .hot-list .hot-contract,
.serch-noresult .hot-list .hot-token {
  padding-bottom: 0
}

.serch-noresult .hot-list .hot-contract .title,
.serch-noresult .hot-list .hot-token .title {
  color: #101010;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px
}

.serch-noresult .hot-list .hot-contract .ant-table table,
.serch-noresult .hot-list .hot-token .ant-table table {
  padding: 0 0 18px !important
}

.serch-noresult .hot-list .hot-contract .hot-token-type,
.serch-noresult .hot-list .hot-token .hot-token-type {
  background: #f0f2f3;
  border-radius: 5px;
  font-style: normal;
  font-weight: 400;
  margin-left: 8px;
  mix-blend-mode: normal;
  text-align: center
}

.serch-noresult .hot-list .hot-contract .hot-token-type span,
.serch-noresult .hot-list .hot-token .hot-token-type span {
  color: #101010;
  font-size: 12px;
  font-weight: 400;
  transform: scale(.8)
}

.serch-noresult .hot-list .hot-contract .rankWidth,
.serch-noresult .hot-list .hot-token .rankWidth {
  font-weight: 600;
  justify-content: center;
  line-height: 20px;
  margin-right: 20px;
  min-width: 18px;
  width: auto
}

.serch-noresult .hot-list .hot-contract .data-token-name,
.serch-noresult .hot-list .hot-token .data-token-name {
  width: auto
}

.serch-noresult .hot-list .hot-contract .data-token-name a,
.serch-noresult .hot-list .hot-token .data-token-name a {
  font-weight: 400;
  line-height: 20px
}

.serch-noresult .hot-list .list-group-info-item {
  justify-content: flex-start !important
}

.serch-noresult .hot-list .hot-contract .rankWidth,
.serch-noresult .hot-list .hot-token .rankWidth {
  display: flex
}

.serch-noresult .hot-list .hot-contract .rankWidth .rank,
.serch-noresult .hot-list .hot-token .rankWidth .rank {
  margin: 0
}

.serch-noresult .hot-list .list-group-contract-info {
  display: flex
}

.serch-noresult .hot-list .list-group-contract-info .list-group-contract-name {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-right: 8px
}

.serch-noresult .hot-list .list-group-contract-info .search-address-limit {
  max-width: 250px
}

.serch-noresult .hot-list .contract-tagName {
  background: #f0f2f3;
  border-radius: 4px;
  color: #404245;
  display: inline-block;
  flex-shrink: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 0 7px 2px;
  padding: 0 8px;
  text-align: center
}

.search-suggest-total {
  display: flex;
  overflow-y: scroll;
  padding: 16px 20px
}

.search-suggest-total .search-suggest-total-item {
  align-items: center;
  border: 1px solid #c2c9d1;
  border-radius: 5px;
  color: #404245;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 28px;
  justify-content: center;
  margin-right: 16px;
  padding: 0 14px;
  white-space: nowrap
}

.search-suggest-total .search-suggest-total-item-active {
  border: 1px solid #c23631;
  color: #c23631
}

.search-suggest {
  max-height: 450px;
  overflow-y: auto;
  padding-bottom: 40px
}

.search-suggest::-webkit-scrollbar {
  background-color: #73787b;
  height: 3px;
  opacity: 0;
  width: 3px
}

.search-suggest::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 30px #1010104d
}

.search-suggest::-webkit-scrollbar-thumb {
  background-color: #73787b;
  border-radius: 10px;
  box-shadow: 0 2px 30px #1010104d
}

.search-suggest .search-suggest-list {
  overflow: hidden
}

.search-suggest .search-suggest-list h3 {
  background: #f9fafa;
  color: #101010;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 36px;
  line-height: 36px;
  margin: 0 0 4px;
  padding-left: 20px
}

.search-suggest .search-suggest-list .search-common-list {
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 10px
}

.search-suggest .search-suggest-list .search-common-list:last-child {
  margin-bottom: 4px
}

.search-suggest .search-suggest-list .search-common-list a {
  text-decoration: none
}

.search-suggest .search-suggest-list .search-more-list {
  line-height: 24px;
  padding: 0 0 11px 56px
}

.search-suggest .search-suggest-list .search-more-list a {
  color: #101010;
  font-size: 12px;
  font-style: normal;
  font-weight: 400
}

.search-suggest .search-suggest-list .search-common-list-hover {
  background: #f9fafa;
  border-radius: 10px
}

.search-suggest .search-suggest-list .common-list-cont {
  padding: 12px 10px
}

.search-suggest .search-suggest-list .common-list-cont:hover {
  background: #f9fafa;
  border-radius: 10px
}

.search-suggest .search-suggest-list .common-list-cont:hover .serarch_icon_enter {
  align-self: center;
  display: inline-block;
  height: 18px;
  width: 32px
}

.search-suggest .search-suggest-list .common-list-cont .search-icon-wrap {
  position: relative
}

.search-suggest .search-suggest-list .common-list-cont .search-icon-wrap img {
  border-radius: 50%;
  display: inline-block;
  height: 24px;
  overflow: hidden;
  width: 24px
}

.search-suggest .search-suggest-list .common-list-cont .search-icon-wrap .blcokIcon {
  border-radius: 0;
  color: #f0f0f0;
  display: inline-block;
  height: 24px;
  width: 24px
}

.search-suggest .search-suggest-list .common-list-cont .search-icon-wrap .address-img-icon {
  align-items: center;
  background: #f0f0f0;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  overflow: hidden;
  width: 24px
}

.search-suggest .search-suggest-list .common-list-cont .search-icon-wrap .address-img-icon .tron-icon {
  display: inline-block;
  height: 16px;
  width: 16px
}

.search-suggest .search-suggest-list .common-list-cont .search-icon-wrap .address-img-icon span {
  background: #fff4eb;
  color: #e04d1e;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 24px
}

.search-suggest .search-suggest-list .common-list-cont .search-icon-contract-wrap {
  height: 18px;
  position: relative;
  width: 24px
}

.search-suggest .search-suggest-list .common-list-cont .search-icon-contract-wrap img {
  border-radius: 0;
  left: 0;
  position: absolute;
  top: -3px;
  width: 100%
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul {
  flex: 1 1;
  margin: 0;
  margin-block-end: 0;
  margin-block-start: 0;
  max-width: calc(100% - 60px);
  padding-inline-start: 0;
  padding: 0 0 0 12px
}

@media screen and (max-width:768px) {
  .search-suggest .search-suggest-list .common-list-cont .common-list-ul {
    max-width: calc(100% - 24px)
  }
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 4px
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li-first {
  color: #101010;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 0;
  min-height: 18px
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li-first>span {
  margin-bottom: 4px;
  margin-right: 8px
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li:last-child {
  margin-bottom: 0
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .label {
  color: #91979d
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .search-token-address {
  flex: 1 1
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .serarch-token-desc {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .token-name {
  font-weight: 600
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .token-credit-rating,
.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .token-holders,
.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .token-type,
.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .token-value {
  background: #f0f2f3;
  border-radius: 5px;
  color: #101010;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  line-height: 16px;
  min-width: 50px;
  mix-blend-mode: normal;
  padding: 0 8px;
  text-align: center
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .token-credit-rating-0 {
  background: #f0f2f3;
  color: #404245
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .token-credit-rating-1 {
  background: #ede8e4;
  color: #7f471c
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .token-credit-rating-2 {
  background: #ebf9eb;
  color: #2d912c
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .token-credit-rating-3 {
  background: #fdf5e4;
  color: #bb8700
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .token-credit-rating-4 {
  background: #f9ebea;
  color: #c23631
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .token-holders {
  margin-right: 0
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .contract-address-show {
  display: inline-block;
  margin: 0 8px 0 0
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .contract-address-show .truncate-ellipsis {
  width: auto
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .address-item-name,
.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .contract-item-name {
  color: #73787b
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .contract-tagName {
  background: #f0f2f3;
  border-radius: 4px;
  color: #404245;
  display: inline-block;
  flex-shrink: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 0 8px 0 0;
  padding: 0 8px;
  text-align: center
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .official,
.search-suggest .search-suggest-list .common-list-cont .common-list-ul .common-list-li .verify {
  border-radius: 50%;
  display: inline-block;
  height: 18px;
  margin-right: 8px;
  width: 18px
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .address-list-li {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .address-list-li .address-tag-icon {
  display: inline-block;
  height: 20px;
  width: 20px
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .address-list-li .witness-url {
  color: #73787b;
  font-size: 12px;
  line-height: 14px;
  margin-top: 4px
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .address-list-li .address-tag-wrap {
  margin: 0 0 0 8px
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .address-list-li .inactive-account-tip {
  flex-shrink: 0
}

@media screen and (max-width:768px) {
  .search-suggest .search-suggest-list .common-list-cont .common-list-ul .address-list-li {
    flex-direction: column
  }

  .search-suggest .search-suggest-list .common-list-cont .common-list-ul .address-list-li .inactive-account-tip {
    margin-top: 4px
  }
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .blocks-list-li,
.search-suggest .search-suggest-list .common-list-cont .common-list-ul .contract-list-li {
  align-items: center;
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px
}

.search-suggest .search-suggest-list .common-list-cont .common-list-ul .contract-list-li {
  flex-wrap: wrap
}

.search-suggest .search-suggest-list .common-list-cont .serarch_icon_enter {
  display: none;
  margin-left: 10px
}

.search-suggest .search-suggest-list .common-list-cont .search-enter-icon-hover {
  align-self: center;
  display: block;
  height: 18px;
  width: 32px
}

.search-suggest .common-list-li {
  color: #73787b
}

.search-key-list {
  background: #f8fafd;
  border-radius: 0 0 10px 10px;
  bottom: 0;
  box-shadow: 0 20px 30px #1010100f;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 11px 20px;
  position: absolute;
  width: 100%
}

.search-key-list .search-key-icon {
  height: 18px;
  margin-right: 6px;
  width: 22px
}

.search-key-list .search-key-icon.search-key-width-icon {
  width: 32px
}

.search-key-list .search-key-text {
  color: #404245;
  font-size: 12px;
  font-style: normal;
  font-weight: 400
}

.search-key-list .search-key-list-left,
.search-key-list .search-key-list-right {
  align-items: center;
  display: flex
}

.search-key-list .search-key-list-right .search-key-cancle {
  margin-right: 20px
}

@media(any-hover:hover) {
  .search-suggest-total {
    display: flex;
    padding: 16px 20px
  }

  .search-suggest-total .search-suggest-total-item:hover {
    border: 1px solid #c23631;
    color: #c23631
  }
}

@media screen and (max-width:768px) {
  .search-suggest {
    padding-bottom: 0
  }

  .search-suggest::-webkit-scrollbar {
    display: block !important
  }

  .search-suggest .search-suggest-list .common-list-cont .common-list-ul .address-list-li .address-tag-wrap {
    margin-left: 0
  }

  .search-suggest .search-suggest-list .common-list-cont .common-list-ul .address-list-li .address-tag-logo {
    margin-right: 0
  }

  .search-suggest .search-suggest-list .common-list-cont .search-enter-icon-hover,
  .search-suggest .search-suggest-list .common-list-cont:hover .serarch_icon_enter {
    display: none
  }

  .search-suggest .search-suggest-list .search-more-list {
    padding: 0 0 10px 48px
  }

  .search-suggest .search-suggest-list h3 {
    padding-left: 10px
  }

  .search-suggest .search-suggest-list .search-common-list {
    padding: 0
  }

  .serch-noresult .hot-list .hot-contract .rankWidth,
  .serch-noresult .hot-list .hot-token .rankWidth {
    margin-right: 10px
  }

  .serch-noresult .hot-list .list-group-contract-address {
    max-width: 175px !important
  }

  .serch-noresult .ant-table-content {
    width: 700px
  }

  .serch-noresult-cont::-webkit-scrollbar {
    display: block !important
  }
}

@media screen and (min-width:769px)and (max-width:1399px) {

  .search-suggest-wrapper,
  .serch-noresult-cont,
  .serch-noresult-wrapper {
    max-height: 520px
  }

  .search-suggest {
    max-height: 460px
  }
}

.search-history-wrap {
  border-radius: 10px;
  max-height: 510px;
  overflow: hidden
}

.search-history {
  height: auto;
  max-height: 510px;
  overflow-y: auto
}

.search-history::-webkit-scrollbar {
  background-color: #e0e4e8;
  height: 30px;
  opacity: 0;
  width: 3px
}

.search-history::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 30px #1010104d
}

.search-history::-webkit-scrollbar-thumb {
  background-color: #e0e4e8;
  border-radius: 10px;
  box-shadow: 0 2px 30px #1010104d
}

.search-history h5 {
  align-items: center;
  background-color: #f9fafa;
  color: #101010;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  justify-content: space-between;
  line-height: 18px;
  margin-bottom: 4px;
  padding: 0 20px
}

.search-history h5 .deleteicon {
  color: #c23631;
  cursor: pointer;
  display: inline-block
}

.search-history li,
.search-history ul {
  list-style: none
}

.search-history ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin: 0 10px 8px;
  padding-inline-start: 0
}

.search-history .searchList {
  align-items: center;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 42px;
  justify-content: space-between;
  line-height: 42px;
  padding: 0 10px
}

.search-history .searchList:hover {
  background: #f9fafa
}

.search-history .searchList:hover .searchDelete {
  display: block
}

.search-history .searchList span {
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px
}

.search-history .searchList .searchResult {
  color: #101010;
  max-width: calc(100% - 35px)
}

.search-history .searchList .searchDelete {
  color: #c23631;
  display: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px
}

.search-history .searchListActive {
  background: #0000000a
}

@media screen and (min-width:769px)and (max-width:1399px) {

  .search-history,
  .search-history-wrap {
    max-height: 520px
  }
}

@media screen and (max-width:768px) {
  .search-history h5 {
    padding: 0 20px
  }

  .search-history .searchList {
    padding: 0 10px
  }

  .search-history .searchList .searchDelete {
    display: block
  }

  .search-history .searchResult {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
}

.hot-list {
  margin-bottom: 2rem
}

.hot-list .support-you-title {
  color: #101010;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 24px 0 20px
}

.hot-list .hot-list-header {
  background: #fff;
  border: 0;
  color: #101010;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 20px 20px 16px
}

.hot-list .token-box {
  overflow: auto;
  padding: 0 10px 0 15px
}

.hot-list .contract-box {
  overflow: auto;
  padding: 0 15px 0 10px
}

.hot-list .list-group-flush .ant-skeleton {
  margin: 0 auto;
  padding: 1rem 5rem 1rem 3.125rem
}

.hot-list .list-group-flush .list-group-item {
  align-items: center;
  border: none;
  display: flex;
  padding: 1rem 5rem 1rem 3.125rem
}

.hot-list .hot-contract,
.hot-list .hot-token {
  background-color: #fff !important;
  border: 0;
  border-radius: 10px !important;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  overflow: hidden
}

.hot-list .hot-contract table,
.hot-list .hot-token table {
  padding: 0 20px 18px !important
}

.hot-list .hot-contract .ant-table .ant-table-tbody>tr>td,
.hot-list .hot-token .ant-table .ant-table-tbody>tr>td {
  border: 0
}

.hot-list .hot-contract .table_new_style .ant-table table tr td,
.hot-list .hot-token .table_new_style .ant-table table tr td {
  padding-bottom: 12px !important;
  padding-top: 12px !important
}

.hot-list .hot-contract .ant-table .ant-table-tbody>tr:first-child>td,
.hot-list .hot-token .ant-table .ant-table-tbody>tr:first-child>td {
  padding-top: 20px !important
}

.hot-list .hot-contract .ant-skeleton,
.hot-list .hot-token .ant-skeleton {
  padding: 20px
}

.hot-list .hot-contract .contract-tagName,
.hot-list .hot-token .contract-tagName {
  background: #ede8e4;
  border-radius: 4px;
  color: #7f471c;
  display: inline-block;
  flex-shrink: 0;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  padding: 0 8px;
  text-align: center
}

.hot-list .hot-contract .rank-0,
.hot-list .hot-token .rank-0 {
  background: url(/static/media/newrank-1.705a3a8d38100c46f390.png)
}

.hot-list .hot-contract .rank-1,
.hot-list .hot-token .rank-1 {
  background: url(/static/media/newrank-2.89c00fb5184390f518e2.png)
}

.hot-list .hot-contract .rank-2,
.hot-list .hot-token .rank-2 {
  background: url(/static/media/newrank-3.495893f53865b1d19cba.png)
}

.hot-list .hot-contract .rank,
.hot-list .hot-token .rank {
  background-size: 100%;
  display: inline-block;
  height: 17px;
  margin-bottom: -3px;
  width: 17px
}

.hot-list .hot-contract .data-token-logo,
.hot-list .hot-token .data-token-logo {
  width: 20px
}

.hot-list .hot-contract .hot-token-name,
.hot-list .hot-contract .list-group-contract-name,
.hot-list .hot-token .hot-token-name,
.hot-list .hot-token .list-group-contract-name {
  color: #101010;
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-left: 10px
}

.hot-list .hot-contract .hot-token-name,
.hot-list .hot-token .hot-token-name {
  max-width: 205px
}

.hot-list .hot-contract .list-group-contract-name,
.hot-list .hot-token .list-group-contract-name {
  margin: 0 8px 0 0
}

.hot-list .hot-contract .no-contract-name,
.hot-list .hot-token .no-contract-name {
  display: none
}

.hot-list .hot-contract .search-address-limit,
.hot-list .hot-token .search-address-limit {
  max-width: 250px
}

.hot-list .hot-contract .hot-token-type,
.hot-list .hot-token .hot-token-type {
  background: #f0f2f3;
  border-radius: 5px;
  color: #101010;
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 8px;
  padding: 0 8px
}

.hot-list .hot-contract .hot-contract-info,
.hot-list .hot-contract .hot-token-info,
.hot-list .hot-token .hot-contract-info,
.hot-list .hot-token .hot-token-info {
  align-items: center
}

.hot-list .hot-contract .hot-contract-info .contract-private-tag,
.hot-list .hot-token .hot-contract-info .contract-private-tag {
  margin-right: 6px
}

@media only screen and (max-width:768px) {
  .hot-list {
    margin-bottom: 0 !important;
    padding: 0
  }

  .hot-list .hot-list-header {
    padding: 2rem 0 1rem 1rem
  }

  .hot-list .list-group-flush .list-group-item {
    align-items: center;
    border: none;
    display: flex;
    padding: .625rem 1.5rem .625rem 1rem
  }

  .hot-list .hot-contract,
  .hot-list .hot-token {
    -webkit-user-select: text;
    user-select: text
  }

  .hot-list .hot-contract .rankWidth,
  .hot-list .hot-token .rankWidth {
    margin-right: 1.5rem;
    margin-top: 0;
    text-align: center
  }

  .hot-list .hot-contract .data-token-name a,
  .hot-list .hot-token .data-token-name a {
    align-items: center;
    display: flex;
    height: 31px
  }

  .hot-list .hot-contract .data-token-logo,
  .hot-list .hot-token .data-token-logo {
    width: 20px
  }

  .hot-list .hot-contract .hot-verified,
  .hot-list .hot-token .hot-verified {
    margin-left: 1rem
  }

  .hot-list .mobile-slick-btn {
    border-radius: 10px;
    font-size: 14px;
    padding: 1.25rem 1rem 1rem
  }

  .hot-list .mobile-slick-btn,
  .hot-list .mobile-slick-btn .line {
    background-color: #fff;
    color: #999
  }

  .hot-list .mobile-slick-btn .slickBtn {
    color: #999;
    cursor: pointer;
    font-family: PingFangSC-Regular;
    white-space: nowrap
  }

  .hot-list .mobile-slick-btn .slickActive {
    border-bottom: 1.5px solid #c23631;
    color: #c23631 !important;
    padding-bottom: 4px
  }

  .hot-list .hot-contract table,
  .hot-list .hot-token table {
    padding: 0 15px 18px !important
  }
}

@media screen and (min-width:769px)and (max-width:1399px) {

  .hot-contract .hot-token-name,
  .hot-token .hot-token-name {
    margin-bottom: 6px;
    max-width: 160px !important
  }

  .hot-contract .no-contract-name,
  .hot-token .no-contract-name {
    display: block !important
  }

  .hot-contract .hot-contract-info,
  .hot-contract .hot-token-info,
  .hot-token .hot-contract-info,
  .hot-token .hot-token-info {
    align-items: flex-start !important;
    flex-flow: column
  }
}

.new-tab-content-box .ant-table table tr.ant-table-measure-row[aria-hidden=true],
.table_new_style.new-tab-content-box .ant-table table tr.ant-table-measure-row[aria-hidden=true] {
  visibility: collapse
}

.new-tab-content-box .ant-table table tr td:first-child,
.new-tab-content-box .ant-table table tr:first-child th:first-child,
.table_new_style.new-tab-content-box .ant-table table tr td:first-child,
.table_new_style.new-tab-content-box .ant-table table tr:first-child th:first-child {
  padding-left: 10px !important
}

.new-tab-content-box .ant-table table tr td:last-child,
.new-tab-content-box .ant-table table tr:first-child th:last-child,
.table_new_style.new-tab-content-box .ant-table table tr td:last-child,
.table_new_style.new-tab-content-box .ant-table table tr:first-child th:last-child {
  padding-right: 10px !important
}

.table_new_style.table_12padding_style .ant-table table tr td,
.table_new_style.table_one_line_style .ant-table table tr td {
  padding-bottom: 12px !important;
  padding-top: 12px !important
}

.table_new_style.table_11padding_style .ant-table table tr td {
  padding-bottom: 11px !important;
  padding-top: 11px !important
}

.table_new_style.table_8padding_style .ant-table table tr td {
  padding-bottom: 8px !important;
  padding-top: 8px !important
}

.table_new_style.table_9padding_style .ant-table table tr td,
.table_new_style.table_high_content_style .ant-table table tr td {
  padding-bottom: 9px !important;
  padding-top: 9px !important
}

.table_new_style.table_9padding_style .ant-table table tr td .td-height28-content-wrap,
.table_new_style.table_high_content_style .ant-table table tr td .td-height28-content-wrap {
  align-items: center;
  min-height: 28px
}

.table_new_style.table_5padding_style .ant-table table tr td,
.table_new_style.table_multi_high_content_style .ant-table table tr td {
  padding-bottom: 5px !important;
  padding-top: 5px !important
}

.table_new_style.table_5padding_style .ant-table table tr td .td-46height-content-wrap,
.table_new_style.table_multi_high_content_style .ant-table table tr td .td-46height-content-wrap {
  align-items: center;
  min-height: 36px
}

.table_new_style.table_5padding_style .ant-table .ant-table-row .ant-table-row-td-risk,
.table_new_style.table_multi_high_content_style .ant-table .ant-table-row .ant-table-row-td-risk {
  height: 40px
}

.table_new_style .no-data-new {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.table_new_style .mt-14 {
  margin-top: 14px
}

.table_new_style .mb-14 {
  margin-bottom: 14px
}

.table_new_style .ant-table-wrapper .ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border: none
}

.table_new_style .ant-table-container .ant-table-content {
  overflow-y: hidden
}

.table_new_style .ant-table table {
  border-collapse: initial;
  border-spacing: 0;
  padding: 0
}

.table_new_style .ant-table table tr:first-child th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  padding-left: 20px !important
}

@media screen and (max-width:768px) {
  .table_new_style .ant-table table tr:first-child th:first-child {
    padding-left: 15px !important
  }
}

.table_new_style .ant-table table tr:first-child th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  padding-right: 20px !important
}

@media screen and (max-width:768px) {
  .table_new_style .ant-table table tr:first-child th:last-child {
    padding-right: 15px !important
  }
}

.table_new_style .ant-table table tr.fraud-tr {
  filter: opacity(40%)
}

.table_new_style .ant-table table tr.fraud-tr .analysis-icon,
.table_new_style .ant-table table tr.fraud-tr .token-level-unsafe-icon,
.table_new_style .ant-table table tr.fraud-tr .tron-color-warning {
  opacity: .25
}

.table_new_style .ant-table table tr td:first-child {
  padding-left: 20px !important
}

@media screen and (max-width:768px) {
  .table_new_style .ant-table table tr td:first-child {
    padding-left: 15px !important
  }
}

.table_new_style .ant-table table tr td:last-child {
  padding-right: 20px !important
}

@media screen and (max-width:768px) {
  .table_new_style .ant-table table tr td:last-child {
    padding-right: 15px !important
  }
}

.table_new_style .ant-table table tr td {
  background: #0000 !important;
  padding: 14px 12px !important
}

.table_new_style .ant-table table tr td.address-highlight-exclude-copy {
  padding-left: 9px !important;
  padding-right: 12px !important
}

.table_new_style .ant-table table tr td.address-highlight-exclude-copy .ant-table-row-td-address {
  padding: 0 !important
}

.table_new_style .ant-table table tr td.address-highlight-exclude-copy .address-link {
  border: 1px dashed #0000
}

.table_new_style .ant-table table tr td.address-highlight-exclude-copy .address-link:not(:has(.tag-background, .contract_ellipsis_box)) {
  padding: 2px 4px
}

.table_new_style .ant-table table tr td.address-highlight-exclude-copy:not(:has(.flagIcon)) .ellipsis_box_copy.tron-ml-4px {
  margin-left: 2px
}

.table_new_style .ant-table table .ant-table-tbody>tr>td {
  color: #404245 !important
}

.table_new_style .ant-table table .filter-dropdown-th .filter-icon {
  color: #91979d;
  font-size: 12px
}

.table_new_style .ant-table table .filter-dropdown-th .ant-dropdown-trigger:hover .filter-icon,
.table_new_style .ant-table table .filter-dropdown-th .filter-icon:hover {
  color: #c23631
}

.table_new_style .ant-table table .ant_table-dropdown-active .anticon-caret-down:after {
  background-image: url(/static/media/arrow-down-hover.4e9ba1c4dabe010afa24.svg)
}

.table_new_style .ant-table table .ant_table-dropdown-active .filter-icon {
  color: #c23631
}

.table_new_style .ant-table table .ant-table-tbody>tr>td,
.table_new_style .ant-table table .ant-table-thead>tr>th {
  border: none
}

.table_new_style .ant-table table .ant-table-tbody>tr>td .filterAddressLogo,
.table_new_style .ant-table table .ant-table-thead>tr>th .filterAddressLogo {
  color: #91979d;
  font-size: 12px;
  margin-left: -4px
}

.table_new_style .ant-table table .ant-table-tbody>tr>td .filterAddressLogo.filterAddressActive,
.table_new_style .ant-table table .ant-table-tbody>tr>td .filterAddressLogo:hover,
.table_new_style .ant-table table .ant-table-thead>tr>th .filterAddressLogo.filterAddressActive,
.table_new_style .ant-table table .ant-table-thead>tr>th .filterAddressLogo:hover {
  color: #c23631
}

.table_new_style .ant-table table .ant-table-tbody>tr>td:hover .ant-dropdown-trigger .anticon-caret-down:after,
.table_new_style .ant-table table .ant-table-thead>tr>th:hover .ant-dropdown-trigger .anticon-caret-down:after {
  background-image: url(/static/media/arrow-down-hover.4e9ba1c4dabe010afa24.svg)
}

.table_new_style .ant-table table .ant-table-thead>tr>th {
  font-weight: 400;
  padding: 9px 12px
}

.table_new_style .ant-table table .ant-table-tbody>tr>td {
  border-bottom: 1px solid #c2c9d140
}

.table_new_style .ant-table table .ant-table-tbody tr:hover td {
  background: #0000
}

.table_new_style .ant-table-thead {
  background: #f6f7fb !important;
  border-radius: 10px
}

.table_new_style .ant-table-thead tr {
  background-color: #0000 !important
}

.table_new_style .ant-table-thead th {
  background-color: #0000 !important;
  border: none;
  color: #73787b !important
}

.table_new_style .ant-table-filter-trigger:hover {
  background: none
}

.table_new_style .ant-table-column-sorter-inner .anticon svg {
  display: none !important
}

.table_new_style .ant-table-column-sorter-inner .ant-table-column-sorter-up {
  font-size: 12px;
  height: 6px;
  position: relative;
  width: 6px
}

.table_new_style .ant-table-column-sorter-inner .ant-table-column-sorter-up:after {
  background: url(/static/media/arrow-up.40a559dc48071de4b508.svg) no-repeat;
  content: " ";
  height: 6px;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px
}

.table_new_style .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px;
  height: 6px;
  position: relative;
  width: 6px
}

.table_new_style .ant-table-column-sorter-inner .ant-table-column-sorter-down:after {
  background: url(/static/media/arrow-down.dc4d79c170a75a68e0eb.svg) no-repeat;
  content: " ";
  height: 6px;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px
}

.table_new_style .ant-table-column-sorter-inner .ant-table-column-sorter-up+.ant-table-column-sorter-down {
  margin-top: 0
}

.table_new_style .ant-table-column-sorter-inner .ant-table-column-sorter-up.active:after {
  background: url(/static/media/arrow-up-sel.f5194a9410181e6e4f15.svg) no-repeat
}

.table_new_style .ant-table-column-sorter-inner .ant-table-column-sorter-down.active:after {
  background: url(/static/media/arrow-down-sel.d733acd1016e93778587.svg) no-repeat
}

.table_new_style .ant-dropdown-trigger {
  align-items: center;
  cursor: pointer;
  display: flex
}

.table_new_style .ant-dropdown-trigger .anticon svg {
  display: none !important
}

.table_new_style .ant-dropdown-trigger:hover {
  color: #c23631
}

.table_new_style .ant-dropdown-trigger .anticon-caret-down {
  font-size: 12px;
  height: 20px;
  position: relative;
  width: 20px
}

.table_new_style .ant-dropdown-trigger .anticon-caret-down:after {
  background: url(/static/media/arrow-down.dc4d79c170a75a68e0eb.svg) no-repeat;
  bottom: 0;
  content: " ";
  height: 6px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 6px
}

.table_new_style .sort-right .ant-table-column-sorters {
  justify-content: flex-end
}

.table_new_style .sort-right .ant-table-column-sorters .ant-table-column-sorter {
  margin-top: 2px
}

.table_new_style .ant-table-cell.ant-table-column-has-sorters:hover {
  background: #f6f7fb !important
}

@media(max-width:758px) {
  .table_new_style .ant-pagination {
    display: flex;
    justify-content: center;
    margin: 15px 0 !important;
    width: 100%
  }

  .table_new_style .ant-pagination li {
    margin-right: 8px !important
  }
}

.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-item,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-jump-next,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-jump-prev,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-next,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-next .ant-pagination-item-link,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-prev,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-select-selection {
  border: 1px solid #eee;
  border-radius: 1px;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  min-width: 30px
}

.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-item:hover:not(.ant-pagination-disabled) .ant-pagination-item-link,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-jump-next:hover:not(.ant-pagination-disabled) .ant-pagination-item-link,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-jump-prev:hover:not(.ant-pagination-disabled) .ant-pagination-item-link,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-next .ant-pagination-item-link:hover:not(.ant-pagination-disabled) .ant-pagination-item-link,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-next:hover:not(.ant-pagination-disabled) .ant-pagination-item-link,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-prev .ant-pagination-item-link:hover:not(.ant-pagination-disabled) .ant-pagination-item-link,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-prev:hover:not(.ant-pagination-disabled) .ant-pagination-item-link,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-select-selection:hover:not(.ant-pagination-disabled) .ant-pagination-item-link {
  color: #000000d9
}

.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-item-active:focus a,
.table_new_style.common-pagination-arrow-table-style .ant-pagination .ant-pagination-item-active:hover a {
  color: #fff
}

.table_new_style.common-pagination-arrow-table-style .ant-pagination .anticon {
  vertical-align: 0
}

.table_new_style .ant-pagination .ant-pagination-item,
.table_new_style .ant-pagination .ant-pagination-jump-next,
.table_new_style .ant-pagination .ant-pagination-jump-prev,
.table_new_style .ant-pagination .ant-pagination-next,
.table_new_style .ant-pagination .ant-pagination-next .ant-pagination-item-link,
.table_new_style .ant-pagination .ant-pagination-prev,
.table_new_style .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.table_new_style .ant-pagination .ant-select-selection {
  border-radius: 5px !important
}

.table_new_style .ant-pagination .ant-pagination-item-ellipsis {
  color: #000000a6;
  font-size: 12px;
  top: 4px;
  transform: scale(.7)
}

.table_new_style .ant-pagination-options-quick-jumper input {
  border-radius: 5px !important
}

.table_new_style .ant-pagination-options-quick-jumper input:focus,
.table_new_style .ant-pagination-options-quick-jumper input:hover {
  border-color: #616568;
  box-shadow: none
}

.table_new_style .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 5px !important
}

.table_new_style .ant-pagination .ant-pagination-item-active,
.table_new_style .ant-pagination .ant-pagination-item:hover {
  background: #101010 !important;
  border-color: #101010 !important
}

.table_new_style .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,
.table_new_style .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #000000a6
}

.table_new_style .ant-table-pagination.ant-pagination {
  margin: 16px 0 20px !important
}

.table_new_style .ant-pagination .ant-select-dropdown {
  background: #fff;
  border: none
}

.table_new_style .ant-pagination .ant-select-dropdown.ant-select-item-option-selected {
  background: #ececec
}

.table_new_style .ant-pagination-options-quick-jumper input {
  margin-right: 8px
}

#popupContainer .ant-table-filter-dropdown {
  background: #fff;
  border: none;
  border-radius: 10px;
  max-height: 400px;
  overflow: auto;
  padding: 20px
}

#popupContainer .ant-table-filter-dropdown .table-token-drop-list {
  padding: 0
}

#popupContainer .ant-table-filter-dropdown .table-token-drop-list .ant-input-affix-wrapper {
  border: .7px solid #e0e4e8;
  border-radius: 6px
}

#popupContainer .ant-table-filter-dropdown .table-token-drop-list .ant-checkbox-inner {
  border: 1px solid #000;
  border-radius: 5px;
  box-sizing: border-box
}

#popupContainer .ant-table-filter-dropdown .table-token-drop-list .token-drop-list-check-box .token-drop-list-check-item .token-abbr {
  color: #101010
}

#popupContainer .ant-table-filter-dropdown .table-token-drop-list .ant-checkbox-checked .ant-checkbox-inner {
  background: #101010
}

#popupContainer .ant-table-filter-dropdown .table-token-drop-list .ant-checkbox-indeterminate .ant-checkbox-inner:after {
  background: #f6f7fb
}

#popupContainer .ant-table-filter-dropdown .table-token-drop-list .ant-checkbox-checked:after {
  border: none
}

#popupContainer .ant-table-filter-dropdown input.form-control {
  border: .7px solid #e0e4e8;
  border-radius: 6px
}

#popupContainer .ant-table-filter-dropdown input.form-control::placeholder {
  color: #c4c4c4
}

#popupContainer .ant-table-filter-dropdown .btn-wrap .ant-btn {
  font-size: 12px;
  outline-offset: 0;
  transition: none
}

#popupContainer .ant-table-filter-dropdown .btn-wrap .ant-btn.clear-btn {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  box-sizing: border-box;
  color: #101010
}

#popupContainer .ant-table-filter-dropdown .btn-wrap .ant-btn.filter-btn {
  background: #101010;
  border: none;
  border-radius: 5px;
  color: #fff;
  mix-blend-mode: normal
}

#popupContainer .ant-table-filter-dropdown .btn-wrap .ant-btn.filter-btn:disabled {
  background: #c2c9d1;
  opacity: 1
}

#popupContainer .ant-table-filter-dropdown .btn-wrap .ant-btn:not(:disabled):focus-visible {
  box-shadow: none;
  outline: none;
  outline-offset: 0;
  transition: none
}

#popupContainer .ant-table-filter-dropdown .invalid-feedback {
  margin-top: 10px
}

#popupContainer .ant-table-filter-dropdown .form-control.is-invalid:focus,
#popupContainer .ant-table-filter-dropdown .was-validated .form-control:invalid:focus {
  border-color: #e09b98 !important;
  box-shadow: none
}

#popupContainer.liquidity-pools-table .ant-table-filter-dropdown {
  min-width: 220px
}

#popupContainer.liquidity-pools-table .ant-dropdown {
  z-index: 8
}

.ant-dropdown-menu .ant-dropdown-menu-item {
  transition: none
}

@media screen and (max-width:768px) {
  .ant-pagination.ant-pagination-mini:not(.ant-pagination-disabled) .ant-pagination-item:not(.ant-pagination-item-active) {
    border-color: #eee
  }

  .ant-pagination.ant-pagination-mini:not(.ant-pagination-disabled) .ant-pagination-item:not(.ant-pagination-item-active):hover:not(.ant-pagination-disabled) {
    border-color: #101010
  }

  .table_new_style.mobile-pb-30 {
    padding-bottom: 30px !important
  }

  .table_new_style.mobile-pb-30 .table-timeliness {
    bottom: 12px;
    left: 0;
    margin: auto;
    right: 0;
    text-align: center
  }
}

.new-list-style-body {
  background: none;
  border: none !important;
  font-family: Lato !important
}

@media(max-width:768px) {
  .new-list-style-body .mobile-block-detail {
    bottom: -5px;
    position: relative
  }
}

.new-list-style-body .list-style-body {
  background: #fff !important;
  padding: 0 20px
}

.new-list-style-body .list-style-body__body {
  background: #fff;
  border-radius: 10px;
  padding: 0 20px !important
}

@media(max-width:758px) {
  .new-list-style-body .list-style-body__body {
    padding: 0 15px !important
  }
}

.new-list-style-body .list-style-body__header {
  padding: 0
}

.new-list-style-body .list-style-body__header li a.nav-link {
  background: #0000 !important
}

@media(max-width:758px) {
  .new-list-style-body .list-style-body-left-border {
    border-radius: 0 10px 10px 10px
  }

  .new-list-style-body .list-style-body-right-border {
    border-radius: 10px 0 10px 10px
  }
}

.new-list-style-body .card-header {
  background-color: #0000;
  border: none
}

.new-list-style-body .card-header.card-header-other li a.nav-link {
  padding: 0 14px !important
}

.new-list-style-body .card-header .card-header-tabs {
  background: none;
  border: none
}

.new-list-style-body .card-header .card-header-tabs li a.nav-link.active,
.new-list-style-body .card-header .card-header-tabs li a.nav-link:hover {
  background-color: #fff !important
}

.new-list-style-body .card-header .card-header-tabs li a.nav-link.active span,
.new-list-style-body .card-header .card-header-tabs li a.nav-link:hover span {
  color: #101010 !important
}

.new-list-style-body .card-header .card-header-tabs li a.nav-link {
  background-color: none;
  border: none !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  bottom: -5px;
  color: #616568;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  line-height: 45px;
  margin-right: 10px;
  padding: 0 20px;
  position: relative
}

.new-list-style-body .card-header .card-header-tabs li a.nav-link span {
  color: #73787b
}

.new-list-style-body .card-header .card-header-tabs li:last-child a.nav-link {
  margin-right: 0
}

.new-list-style-body.trigger-contract-list .list-style-body {
  border-top-left-radius: 10px !important
}

@media(max-width:758px) {
  .list-style-body__body {
    padding: 0 15px !important
  }

  .list-style-body__header {
    bottom: -13px
  }

  .detail-mobile-list-wrap .nav-tabs {
    justify-content: start
  }

  .new-list-style-body .card-header {
    overflow-x: scroll;
    overflow-y: hidden
  }

  .new-list-style-body .card-header .card-header-tabs {
    flex-wrap: nowrap
  }

  .new-list-style-body .card-header .card-header-tabs li a.nav-link {
    white-space: nowrap
  }

  .detail-mobile-list-wrap .nav-tabs .nav-item {
    background-color: #0000;
    min-width: auto
  }

  .scroll-x {
    overflow-x: scroll
  }

  .no-wrap-white {
    white-space: nowrap
  }

  .detail-mobile-list-wrap .nav-tabs.zh .nav-item,
  .list-style-body__header li {
    min-width: auto
  }

  .overflow-auto-x {
    overflow-x: auto
  }
}

.homeNotice {
  color: #404245;
  font-size: 12px;
  line-height: 30px;
  margin-top: 6px
}

.homeNotice .noticeNewsBox {
  padding: 0 15px
}

.homeNotice .home-notice-new {
  align-items: center;
  background: #f6f7fb;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  height: 30px;
  padding: 0 20px;
  width: 100%
}

.homeNotice .notice .nodataSkeleton {
  height: 100%;
  margin: 10px 0;
  width: 100%
}

.homeNotice .notice>a {
  align-items: center;
  display: flex;
  height: 100%
}

.homeNotice .notice>a.more {
  color: #616568;
  text-align: right;
  transition: none;
  white-space: nowrap
}

.homeNotice .notice>a span {
  line-height: 30px
}

.homeNotice .notice-close-btn {
  color: #404245;
  cursor: pointer;
  font-size: 12px
}

.homeNotice .notice-wrap-nodata {
  height: 100%;
  width: 100%
}

.homeNotice .mobile-notice-wrap {
  flex: 1 1;
  height: 100%;
  overflow: hidden;
  padding: 0 8px;
  width: auto
}

.homeNotice .mobile-notice-wrap .notice-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%
}

.homeNotice .mobile-notice-wrap .notice-list-container {
  height: 30px;
  width: 100%
}

.homeNotice .mobile-notice-wrap .notice-list-container .slick-list {
  height: 30px !important
}

.homeNotice .mobile-notice-wrap .notice-list-container .notice-slide {
  height: 30px;
  line-height: 30px;
  text-align: left;
  width: 100%
}

.homeNotice .mobile-notice-wrap .notice-list-container .notice-slide .title {
  color: #404245;
  display: inline-block;
  font-size: 12px;
  max-width: 950px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.homeNotice .mobile-notice-wrap .notice-list-container .notice-slide .title:hover {
  color: #c23631
}

.homeNotice .mobile-notice-wrap .notice-list-container .notice-slide .date {
  color: #73787b;
  margin-left: 6px
}

.homeNotice .mobile-notice-wrap .notice-list-container .notice-wrap {
  width: 100%
}

.homeNotice .mobile-notice-wrap .notice-list-container .notice-wrap a.item {
  display: inline-block;
  overflow: hidden
}

.notice-mt-20px {
  margin-top: 20px
}

.nav-searchbar #_searchBox {
  background: #fff;
  border: none;
  border-radius: 6px;
  box-shadow: 0 20px 30px #1010100f;
  float: left;
  left: 0;
  margin: 8px 0 0;
  max-height: 510px;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  width: 100%
}

@media screen and (min-width:769px)and (max-width:1399px) {
  .nav-searchbar #_searchBox {
    max-height: 520px
  }
}

.nav-searchbar .ant-select {
  font-size: 13px
}

.nav-searchbar .ant-select-selection {
  border: none;
  border-radius: 0;
  display: flex;
  justify-content: center
}

.nav-searchbar .index-page-search-sec-other .ant-select-selection {
  background: #fafafa
}

.nav-searchbar .search-type-suffix {
  height: 100%;
  margin: 9px 0;
  position: relative
}

.nav-searchbar .search-type-suffix:hover .fake-selecetd-content {
  background-color: #0000;
  color: #c23631
}

.nav-searchbar .search-type-suffix .fake-selecetd-content {
  color: #101010;
  cursor: pointer;
  font-size: 14px;
  height: 30px;
  line-height: 20px;
  padding: 5px 4px 5px 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.nav-searchbar .search-type-suffix .fake-selecetd-content .fake-selecetd-content-split {
  background-color: #c3c3c3;
  display: inline-block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 1px
}

.nav-searchbar .search-type-suffix .tron-icon {
  font-size: 8px;
  margin-left: 4px;
  vertical-align: 0
}

.nav-searchbar .ant-input-group .ant-input-group-addon .ant-select {
  margin: 0
}

.nav-searchbar .nav-search-filter {
  margin: 0;
  padding: 0 9px
}

.nav-searchbar .nav-search-filter .hoverIcon {
  display: inline-block;
  height: 100%;
  width: 100%
}

.nav-searchbar .nav-search-filter .hoverIcon .tron-search-icon {
  width: 10px
}

.nav-searchbar .nav-search-filter.ant-select-open .hoverIcon {
  transform: none
}

.nav-searchbar .nav-search-filter .ant-select-selection--single {
  align-items: center;
  background: #1010101a;
  display: flex;
  height: 56px;
  justify-content: center
}

.nav-searchbar .nav-search-filter .ant-select-selection--single .ant-select-selection-selected-value {
  margin-right: 8px
}

.nav-searchbar .nav-search-filter .ant-select-selection__rendered {
  border-left: 1px solid #0000001a;
  display: flex;
  justify-content: center;
  line-height: 30px;
  margin: 0;
  width: 190px
}

.nav-searchbar .nav-search-filter .ant-select-search__field__placeholder,
.nav-searchbar .nav-search-filter .ant-select-selection__placeholder {
  color: #101010
}

.nav-searchbar .nav-search-filter .ant-select-selector {
  background-color: #c23631 !important;
  border-radius: 4px;
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
  height: 30px;
  line-height: 30px;
  opacity: 0;
  position: relative
}

.nav-searchbar .nav-search-filter .ant-select-selector:hover {
  background-color: color-red-default !important
}

.nav-searchbar .nav-search-filter .ant-select-selector .ant-select-selection-item {
  color: #fff;
  line-height: 30px;
  padding: 0;
  text-align: center;
  text-transform: capitalize
}

.nav-searchbar .nav-search-filter .ant-select-arrow {
  color: #fff;
  height: 11px;
  opacity: 0;
  right: 16px;
  top: 50%;
  transform: scale(.8);
  width: 11px
}

@media only screen and (max-width:768px) {
  .nav-searchbar .nav-search-filter .ant-select-arrow {
    right: 4px
  }
}

.nav-searchbar .nav-search-filter .ant-select-selection:active,
.nav-searchbar .nav-search-filter .ant-select-selection:focus,
.nav-searchbar .nav-search-filter .ant-select-selection:hover,
.nav-searchbar .nav-search-filter .ant-select:active,
.nav-searchbar .nav-search-filter .ant-select:focus,
.nav-searchbar .nav-search-filter .ant-select:hover {
  border: none;
  box-shadow: none
}

.nav-searchbar .nav-search-filter .ant-select-selector:active,
.nav-searchbar .nav-search-filter .ant-select-selector:focus,
.nav-searchbar .nav-search-filter .ant-select-selector:hover,
.nav-searchbar .nav-search-filter .ant-select:active,
.nav-searchbar .nav-search-filter .ant-select:focus,
.nav-searchbar .nav-search-filter .ant-select:hover {
  border: 1px solid #ddd;
  border-right: none;
  box-shadow: none !important
}

.nav-searchbar .nav-search-filter.ant-select-focused.ant-select .ant-select-selector {
  border-color: #ddd !important
}

.nav-searchbar .nav-search-filter .ant-select-selection:hover {
  border: none
}

.nav-searchbar .nav-search-filter-large {
  width: 169px
}

.nav-searchbar .nav-search-filter-medium {
  width: 159px
}

.nav-searchbar .input-wrapper {
  border-radius: 6px;
  box-sizing: border-box;
  flex: 1 1;
  font-size: 14px;
  min-width: 260px;
  width: auto
}

.nav-searchbar .input-wrapper .form-control {
  background: none;
  border: none;
  transition: none
}

.nav-searchbar .input-wrapper .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border: none !important
}

.nav-searchbar .input-wrapper .ant-input-affix-wrapper {
  height: 50px;
  padding: 0
}

.nav-searchbar .input-wrapper .ant-input-affix-wrapper .ant-input-prefix {
  background-color: #fff;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  display: flex;
  justify-content: flex-end;
  left: 0;
  margin-right: 0;
  width: 40px
}

.nav-searchbar .input-wrapper .ant-input-suffix {
  background-color: #fff;
  margin: 0;
  padding: 0 6px
}

.nav-searchbar .input-wrapper .ant-input-suffix .ant-input-clear-icon {
  color: #b6bbc5;
  font-size: 16px
}

.nav-searchbar .input-wrapper .ant-input-suffix .ant-input-clear-icon .anticon {
  vertical-align: 1.5px
}

.nav-searchbar .input-wrapper .ant-input-suffix .ant-input-clear-icon:hover {
  color: #1010104d
}

.nav-searchbar .input-wrapper .ant-input-suffix .tron-icon-search-quick {
  font-size: 20px
}

.nav-searchbar .input-wrapper input {
  border: none;
  border-radius: 0;
  caret-color: #101010
}

.nav-searchbar .input-wrapper input.ant-input {
  padding: .5rem .5rem .5rem 10px
}

.nav-searchbar .input-wrapper .newSearchInput {
  border: .5px solid #0000;
  border-radius: 6px;
  box-sizing: border-box;
  caret-color: #c23631;
  display: flex;
  font-size: 14px;
  height: 52px;
  letter-spacing: 0;
  padding: 0
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input {
  background-color: #fff;
  caret-color: #c23631;
  color: #101010;
  height: 100%;
  transition: none
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input:focus {
  background: #fff;
  border: none;
  box-shadow: none
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input::placeholder {
  color: #73787b
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input:hover {
  border: none
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input:hover::placeholder {
  color: #91979d
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input:focus+.ant-input-prefix,
.nav-searchbar .input-wrapper .newSearchInput .ant-input:focus+.ant-input-suffix {
  background: #fff
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input-affix-wrapper .ant-input-clear-icon {
  display: inline-flex
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input-affix-wrapper .ant-input-clear-icon .anticon-close-circle {
  height: 16px
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border: none
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input-affix-wrapper-focused .ant-input-prefix .tron-icon {
  color: #101010 !important
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input-wrapper {
  height: 50px
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input-wrapper .ant-input-group-addon {
  background-color: #fff;
  border: none;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  padding: 0 15px 0 11px;
  transition: none
}

.nav-searchbar .input-wrapper .newSearchInput .ant-input-wrapper .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border: none
}

@keyframes loading-rotate {
  0% {
    transform: rotate(0deg)
  }

  50% {
    transform: rotate(180deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.nav-searchbar .input-wrapper .input-search-focus .seach-loading-icon {
  animation: loading-rotate 1s linear infinite
}

.nav-searchbar .newSearchInput::placeholder {
  color: #91979d
}

.nav-searchbar .input-group-append button {
  align-items: center;
  background-color: #c23631;
  border-color: #c23631;
  border-radius: 0 2px 2px 0;
  color: #fff;
  display: flex;
  font-size: 14px;
  justify-content: center;
  width: 100px
}

.nav-searchbar .input-group-append button:hover {
  background-color: color-red-default;
  border-color: color-red-default
}

.nav-searchbar .input-group-append button:active {
  background-color: #c23631;
  border-color: #c23631
}

.nav-searchbar .input-group-append img {
  display: block;
  width: 1.25rem
}

.nav-searchbar .input-group-append .mobile-button-search {
  background: #c23631;
  border-color: #c23631;
  color: #fff;
  width: 44px
}

.nav-searchbar .search-title {
  color: #101010;
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 16px;
  margin-top: -3px;
  text-align: left
}

.searchAndHotSec {
  flex: 1 1
}

.searchAndHotSec .col-12 {
  padding-right: 8px
}

.profitSec {
  border-radius: 6px;
  box-shadow: 0 20px 30px #1010100f;
  height: 83px;
  margin-bottom: 10px;
  margin-left: 27px;
  min-width: 270px;
  width: 430px
}

.homepage-profit {
  height: 100%
}

.homepage-profit .ant-skeleton {
  padding: 0 20px
}

.homepage-profit .ant-skeleton-paragraph {
  margin-bottom: 0
}

.homepage-profit .common-profit-wapper iframe {
  border-radius: 6px
}

.ant-select-dropdown {
  padding: 0
}

.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: #fff
}

.nav-search-select-item {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 20px 30px #1010100f;
  left: auto !important;
  min-width: 115px !important;
  padding: 6px;
  right: 0 !important;
  top: 54px !important
}

.nav-search-select-item .ant-select-dropdown-menu-item-selected {
  background: linear-gradient(0deg, #ffffffe6, #ffffffe6), #c2c9d1;
  border-radius: 6px;
  color: #c23631;
  font-style: normal;
  font-weight: 400
}

.nav-search-select-item .ant-select-item.ant-select-item-option {
  align-items: center;
  color: #101010;
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  line-height: 20px;
  min-height: auto;
  transition: none
}

.nav-search-select-item .ant-select-item.ant-select-item-option .ant-select-item-option-content {
  text-align: left
}

.nav-search-select-item .ant-select-item.ant-select-item-option.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #fff;
  border-radius: 6px;
  color: #c23631;
  font-weight: 400
}

.nav-search-select-item .ant-select-item.ant-select-item-option.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #fff;
  border-radius: 6px;
  color: #c23631
}

@media(min-width:1400px) {
  .profitSecMobile {
    display: none
  }
}

@media(min-width:768px)and (max-width:1400px) {
  .nav-searchbar .search-title {
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: -8px
  }

  .profitSec {
    flex-shrink: 0;
    height: 65px;
    width: 338px
  }

  .profitSecMobile {
    display: none
  }
}

@media screen and (max-width:768px) {
  .nav-searchbar #mobile_searchBox {
    border: 1px solid #00000012;
    border-radius: 6px;
    margin: 4px 15px 0;
    max-height: 510px;
    overflow: auto;
    padding: 0;
    width: calc(100% - 30px)
  }

  .nav-searchbar .dropdown-menu {
    margin-top: 0
  }

  .nav-searchbar .search-title {
    margin: 10px 15px 16px
  }

  .nav-searchbar .mobile-group-search {
    flex-wrap: nowrap
  }

  .nav-searchbar .index-page-search-sec-other .ant-select-selection {
    background: #fff
  }

  .nav-searchbar .nav-search-filter {
    height: 36px;
    min-width: 60px
  }

  .nav-searchbar .nav-search-filter .ant-select-selection {
    border-left: none;
    box-sizing: border-box
  }

  .nav-searchbar .nav-search-filter .ant-select-selection--single {
    height: 36px
  }

  .nav-searchbar .nav-search-filter .ant-select-selector {
    background-color: #fff;
    border-color: #999 !important;
    color: #000000a6;
    height: 36px;
    line-height: 36px
  }

  .nav-searchbar .nav-search-filter .ant-select-selector .ant-select-selection-item {
    line-height: 36px
  }

  .nav-searchbar .nav-search-filter .nav-searchbar .nav-search-filter .ant-select-selector:active,
  .nav-searchbar .nav-search-filter .nav-searchbar .nav-search-filter .ant-select-selector:focus,
  .nav-searchbar .nav-search-filter .nav-searchbar .nav-search-filter .ant-select-selector:hover,
  .nav-searchbar .nav-search-filter .nav-searchbar .nav-search-filter .ant-select:active,
  .nav-searchbar .nav-search-filter .nav-searchbar .nav-search-filter .ant-select:focus,
  .nav-searchbar .nav-search-filter .nav-searchbar .nav-search-filter .ant-select:hover {
    border-color: none
  }

  .nav-searchbar .nav-search-filter .ant-select-selection__rendered {
    line-height: 36px
  }

  .nav-searchbar .nav-search-filter .ant-select-selection:active,
  .nav-searchbar .nav-search-filter .ant-select-selection:focus,
  .nav-searchbar .nav-search-filter .ant-select-selection:hover,
  .nav-searchbar .nav-search-filter .ant-select:active,
  .nav-searchbar .nav-search-filter .ant-select:focus,
  .nav-searchbar .nav-search-filter .ant-select:hover {
    border: none;
    box-sizing: border-box
  }

  .nav-searchbar .ant-input-affix-wrapper:before {
    display: none
  }

  .nav-searchbar .mobile-header-search {
    background: none;
    border: 1px solid #0000;
    border-radius: 6px !important;
    display: flex;
    font-size: 14px;
    height: 48px;
    margin: 0 15px;
    min-width: 220px;
    overflow: hidden;
    padding: 0;
    transition: none
  }

  .nav-searchbar .mobile-header-search .ant-input-clear-icon {
    color: #b6bbc5;
    margin-top: 0 !important
  }

  .nav-searchbar .mobile-header-search .ant-input-prefix {
    background-color: #fff;
    margin-right: 0;
    padding: 0 10px 0 14px
  }

  .nav-searchbar .mobile-header-search .ant-input-prefix img {
    display: inline-block;
    height: 16px;
    width: 16px
  }

  .nav-searchbar .mobile-header-search .ant-input {
    background: #fff;
    border-left: none;
    caret-color: #c23631;
    color: #101010;
    font-size: 16px;
    letter-spacing: 0;
    transition: none
  }

  .nav-searchbar .mobile-header-search .ant-input:focus {
    background: #fff
  }

  .nav-searchbar .mobile-header-search .ant-input::placeholder {
    color: #73787b !important;
    font-size: 14px
  }

  .nav-searchbar .mobile-header-search .ant-input:focus+.ant-input-prefix,
  .nav-searchbar .mobile-header-search .ant-input:focus+.ant-input-suffix {
    background: #fff
  }

  .nav-searchbar .mobile-header-search .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
    border: none
  }

  .nav-searchbar .mobile-header-search .ant-input-suffix {
    background-color: #fff;
    margin-left: 0;
    padding: 0 10px
  }

  .nav-searchbar .mobile-header-search .ant-input-suffix .anticon {
    vertical-align: middle
  }

  .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-color: #616568
  }

  .search-history-cont {
    padding: 0
  }

  .profitSecMobile {
    border-radius: 6px;
    box-shadow: 0 20px 30px #1010100f;
    height: 80px;
    margin: 16px auto 20px;
    max-width: 375px;
    width: 100%
  }

  .homepage-profit {
    height: 100%
  }
}

.search-clear-modal .ant-modal-content {
  border-radius: 20px;
  overflow: hidden
}

.search-clear-modal .ant-modal-body {
  padding: 30px;
  text-align: center
}

.search-clear-modal .warn-content-text {
  color: #101010;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 30px
}

.search-clear-modal .warn-content-btns {
  height: 40px;
  width: 100%
}

.search-clear-modal .warn-content-btns>div {
  background: #101010;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  flex: 1 1;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-left: 20px
}

.search-clear-modal .warn-content-btns>div:hover {
  background-color: #c23631
}

.search-clear-modal .warn-content-btns .warn-cancel-btn {
  background-color: #fff;
  border: 1px solid #000;
  color: #101010;
  margin-left: 0;
  mix-blend-mode: normal
}

.search-clear-modal .warn-content-btns .warn-cancel-btn:hover {
  background-color: #fff;
  border-color: #c23631;
  color: #c23631
}

.login-warn-modal .guidance-content-text {
  font-size: 18px;
  line-height: 28px;
  max-width: fit-content
}

.login-modal-wrap .ant-modal-content {
  background: #fff;
  border-radius: 20px
}

.login-modal-wrap .ant-modal-content .ant-modal-body {
  padding: 30px
}

@media only screen and (max-width:768px) {
  .login-modal-wrap .ant-modal-content .ant-modal-body {
    padding: 30px 15px
  }
}

.login-modal-wrap .ant-modal-content .ant-modal-close:hover {
  background: #0000
}

.login-warn-modal {
  z-index: 9999
}

.login-container {
  background: #fff;
  border-radius: 20px;
  margin: 0 auto
}

@keyframes evoke-popup-loading {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.login-container .loading-wrapper {
  display: block;
  text-align: center
}

.login-container .loading-wrapper .tron-icon {
  animation: evoke-popup-loading 1s linear infinite;
  display: block;
  height: 60px;
  margin: 30px auto 0;
  width: 60px
}

.login-container .tron-tabs .tron-tabs-nav-list {
  color: #404245;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  justify-content: space-around;
  margin-bottom: 24px;
  position: relative
}

.login-container .tron-tabs .tron-tabs-nav-list .tron-tabs-tab {
  text-align: center
}

.login-container .tron-tabs .tron-tabs-nav-list .tron-tabs-tab:hover {
  color: #101010;
  font-weight: 600
}

.login-container .tron-tabs .tron-tabs-nav-list .tron-tabs-tab-active {
  color: #101010;
  font-size: 18px;
  font-weight: 600
}

.login-container .tron-tabs .tron-tabs-panel .tron-tabs-panel-footer {
  color: #73787b;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  justify-content: space-between;
  margin-top: 12px
}

.login-container .tron-tabs .tron-tabs-panel .tron-tabs-panel-footer .tron-forgot-password {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400
}

.login-container .tron-tabs .tron-tabs-panel .tron-tabs-panel-footer .tron-forgot-password a {
  color: #404245
}

.login-container .tron-tabs .tron-tabs-panel .tron-tabs-panel-footer .tron-to-register {
  color: #c23631;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400
}

.login-container .tron-tabs .tron-tabs-panel .tron-tabs-panel-footer-phone {
  color: #c23631;
  justify-content: flex-start
}

.login-container .tron-tabs .tron-tabs-panel .tron-tabs-panel-footer-phone .tron-tabs-panel-footer-icon {
  height: 14px;
  margin-right: 6px;
  width: 14px
}

.login-container .ant-form-item {
  margin-bottom: 20px
}

.login-container .ant-form-item .ant-form-item-row {
  display: block
}

.login-container .ant-form-item .ant-form-item-row .ant-form-item-label {
  text-align: start
}

.login-container .ant-form-item .ant-form-item-row .ant-form-item-label>label {
  color: #404245;
  font-size: 14px;
  font-weight: 400;
  height: auto
}

.login-container .ant-form-item .ant-form-item-row .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
  display: none
}

.login-container .ant-form-item .ant-form-item-row .ant-form-item-explain-error {
  color: #c23631;
  margin-bottom: 15px;
  margin-top: 5px
}

.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper-status-error,
.login-container .ant-form-item .ant-form-item-row .ant-input-status-error {
  border-color: #e09b98 !important;
  box-shadow: none !important
}

.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper-status-error:focus,
.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper-status-error:hover,
.login-container .ant-form-item .ant-form-item-row .ant-input-status-error:focus,
.login-container .ant-form-item .ant-form-item-row .ant-input-status-error:hover {
  border-color: #e09b98 !important
}

.login-container .ant-form-item .ant-form-item-row input {
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #fff0, inset 0 0 0 100px #fff !important;
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  height: 50px
}

.login-container .ant-form-item .ant-form-item-row input:focus,
.login-container .ant-form-item .ant-form-item-row input:hover {
  border: 1px solid #73787b
}

.login-container .ant-form-item .ant-form-item-row input::placeholder {
  color: #91979d;
  font-size: 14px;
  font-weight: 400
}

@media only screen and (max-width:768px) {
  .login-container .ant-form-item .ant-form-item-row .ant-input-password .ant-input {
    transition: none
  }

  .login-container .ant-form-item .ant-form-item-row .ant-input-password input[type=password] {
    font-family: Lato;
    font-size: 12px
  }
}

.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper {
  border: 1px solid #c2c9d1;
  border-radius: 10px
}

.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper:focus,
.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper:focus-visible,
.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper:focus-within,
.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper:hover {
  border: 1px solid #73787b
}

.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper .ant-input {
  border: none;
  border-radius: none;
  height: 40px
}

.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper .ant-input:focus {
  box-shadow: inset 0 0 0 1px #fff0, inset 0 0 0 100px #fff !important
}

.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper input[type=password] {
  color: #404145 !important
}

.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper-status-error,
.login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper-status-error:hover {
  border: 1px solid #e09b98
}

.login-container .ant-form-item .ant-form-item-row .ant-input-suffix {
  cursor: pointer
}

.login-container .ant-form-item .ant-form-item-row .ant-input-suffix .ant-input-password-icon {
  color: #101010
}

.login-container .ant-form-item .ant-form-item-row .ant-input-suffix .ant-input-password-icon .iconfont {
  font-size: 18px
}

.login-container .ant-form-item .ant-form-item-row .ant-input-suffix .ant-input-password-icon .form-password-not-visible {
  color: #73787b
}

.login-container .ant-form-item .ant-form-item-row .ant-input-suffix .ant-input-password-icon .form-password-not-visible:hover {
  color: #101010
}

.login-container .ant-form-item .ant-form-item-row .ant-checkbox .ant-checkbox-inner {
  border: 1px solid #c2c9d1;
  border-radius: 4px
}

.login-container .ant-form-item .ant-form-item-row .tron-login-btn {
  background: #101010;
  border: none;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  margin-top: 6px;
  width: 100%
}

.login-container .ant-form-item .ant-form-item-row .tron-login-btn-active:hover {
  background: #c23631;
  border: none
}

.login-container .ant-form-item .ant-form-item-row .tron-login-btn-disabled {
  background: #c2c9d1;
  border: none
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input {
  display: flex;
  width: 100%
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .flag-container .selected-flag {
  background-color: #fff;
  border: 1px solid #c2c9d1;
  border-radius: 10px;
  display: flex;
  outline: none;
  width: 100px !important
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .flag-container .selected-flag .selected-dial-code {
  padding-left: 8px !important
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .flag-container .selected-flag .iti-flag {
  border-radius: 50%;
  height: 14px !important;
  width: 14px !important
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .flag-container .arrow {
  color: #404245;
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .flag-container .arrow.down:after {
  content: "";
  display: inline-block;
  margin-top: 1px;
  transform: scale(.75)
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .flag-container .arrow.up:after {
  content: "";
  display: inline-block;
  margin-bottom: 1px;
  transform: scale(.75) rotate(180deg)
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .form-control-tel-input {
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 106px
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .form-control-tel-input:focus {
  border: 1px solid #73787b;
  outline: none !important
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .form-control-tel-input::placeholder {
  color: #91979d
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .phone-status-error,
.login-container .ant-form-item .ant-form-item-row .intl-tel-input .phone-status-error:focus {
  border-color: #e09b98
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input input[type=tel] {
  padding-left: 12px !important
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .country-list {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  box-shadow: 0 5px 20px #1010100d;
  margin-bottom: 8px;
  margin-top: 8px;
  max-height: 232px !important;
  width: 100%
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .country-list::-webkit-scrollbar {
  display: none
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .country-list .divider {
  display: none
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .country-list .country {
  padding: 8px 16px
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .country-list .country .flag-box .iti-flag {
  border-radius: 50%;
  height: 14px !important;
  width: 14px !important
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .country-list .country.highlight {
  background: #f9f9fa;
  color: #101010
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .country-list .country:hover {
  background: #f9f9fa
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .country-list .country:visited {
  opacity: .4
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .country-list .country .dial-code {
  position: absolute;
  right: 16px
}

.login-container .ant-form-item .ant-form-item-row .intl-tel-input .country-list .divider {
  border-bottom: none
}

.login-container .ant-form-item .ant-form-item-row .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
  background: #404245
}

.login-container .ant-form-item .ant-form-item-row .ant-checkbox-checked .ant-checkbox-inner {
  background: #404245 !important;
  border-color: #404245 !important;
  border-radius: 4px
}

.login-container .ant-form-item .ant-form-item-row .ant-checkbox-checked:after {
  border-color: #404245;
  border-radius: 4px
}

.login-container .ant-form-item .ant-form-item-row .login-form-forgot-a {
  color: #c23631
}

.login-container .ant-form-item:first-child {
  margin-bottom: 20px
}

.login-container .ant-form-item:last-child {
  margin-bottom: 0
}

.login-container .form-item-login-password {
  margin-bottom: 24px
}

.login-container .register-form-item-third {
  margin-bottom: 6px
}

.login-container .suffix-container {
  align-items: center;
  display: flex
}

.login-container .suffix-container .suffix-icon-line {
  margin-right: 12px
}

.login-container .suffix-container .suffix-send-code {
  color: #101010;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400
}

.login-container .suffix-container .suffix-send-code:hover {
  color: #c23631
}

.login-container .suffix-container .suffix-send-code-not {
  cursor: not-allowed;
  opacity: .4
}

.login-container .suffix-container .suffix-send-code-not:hover {
  color: #101010
}

.login-container .send-code-tips {
  align-items: center;
  color: #404245;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: -14px
}

.login-container .send-code-tips img {
  margin-right: 4px
}

.login-container .loading-img {
  animation: loading 1s linear infinite forwards;
  margin-bottom: 0;
  margin-left: 4px
}

.login-container .modal-icon-back {
  color: #101010;
  cursor: pointer;
  height: 12px;
  left: 20px;
  position: absolute;
  top: 20px;
  transform: rotate(180deg);
  width: 16px
}

.login-container .tron-madal-title {
  color: #101010;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  text-align: center
}

.login-container .register-footer {
  font-size: 14px;
  font-weight: 400;
  margin-top: 12px
}

.login-container .register-footer .register-footer-text {
  color: #404245;
  margin-right: 4px
}

.login-container .register-footer .register-footer-link {
  color: #c23631
}

.login-container .reset-password-footer {
  color: #73787b;
  font-size: 14px;
  font-weight: 400;
  margin-top: 12px
}

.login-container .reset-password-footer div:first-child {
  color: #404245
}

@media only screen and (max-width:768px) {
  .iti-container {
    left: 23px !important;
    right: 23px !important
  }

  .iti-container .country-list {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 10px;
    box-shadow: 0 5px 20px #1010100d;
    max-height: 216px !important;
    top: 50%;
    transform: translateY(-18%)
  }

  .iti-container .country-list .dial-code {
    position: absolute;
    right: 8px
  }

  .iti-container .country-list .divider {
    border-bottom: none
  }

  .login-container .ant-form-item .ant-form-item-row input {
    height: 40px
  }

  .login-container .ant-form-item .ant-form-item-row .ant-input-affix-wrapper .ant-input {
    height: 30px
  }

  .login-container .ant-form-item .ant-form-item-row .tron-login-btn {
    height: 40px
  }

  .login-container .ant-form-item .ant-form-item-row .intl-tel-input .form-control-tel-input {
    padding-left: 12px !important
  }

  .login-container .register-form-item-third .ant-form-item-row .ant-form-item-explain-error {
    margin-bottom: 0
  }
}

.tronlink_cont {
  margin-top: 20px
}

.tronlink_cont .note {
  color: #333;
  font-size: 12px;
  margin: 30px 60px
}

.tronlink_cont .connect {
  text-align: center
}

.tronlink_cont button {
  align-items: center;
  display: inline-flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  min-width: 210px;
  padding: 0 20px
}

.tronlink_cont button span {
  margin-left: 4px
}

.tronlink_cont button.btn-connect:before {
  background: #0000
}

.tronlink_cont button.btn-connect,
.tronlink_cont button.btn-connect:focus,
.tronlink_cont button.btn-connect:visited {
  background: #101010;
  border-color: #0000;
  border-radius: 10px;
  color: #fff
}

.tronlink_cont button.btn-connect:hover {
  background: #c23631;
  border-color: #0000;
  border-radius: 10px;
  color: #fff
}

.tronlink_cont button .loading-img {
  animation: loading 1s linear infinite forwards
}

.tronlink_cont .install {
  color: #404245;
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px !important;
  text-align: center
}

.tronlink_cont .install:last-of-type {
  margin-bottom: 0 !important;
  margin-top: 8px !important
}

.tronlink_cont .install .active {
  color: #c23631;
  cursor: pointer;
  margin-left: 8px;
  text-decoration: none
}

.tronlink_cont .install.no-install-tip-wrapper {
  color: #73787b;
  margin-top: 38px !important
}

.not-install-wallet-modal {
  z-index: 1100
}

.not-install-wallet-modal .ant-modal-body {
  padding: 60px 30px 30px;
  text-align: center
}

.not-install-wallet-modal .ant-modal-content {
  padding: 20px 20px 0
}

.not-install-wallet-modal .not-install-wallet-modal-result-icon .tron-icon {
  font-size: 60px
}

.not-install-wallet-modal .not-install-wallet-modal-tip {
  color: #101010;
  font-size: 20px;
  line-height: 24px;
  margin-top: 30px
}

.not-install-wallet-modal .not-install-wallet-modal-btn {
  margin-top: 30px
}

.not-install-wallet-modal .not-install-wallet-modal-btn span {
  background: #101010;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 24px;
  padding: 8px
}

@keyframes loading {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

@keyframes heightAnimate {
  0% {
    height: 0
  }

  to {
    height: 384px
  }
}

.ledger_wrapper .ledger-connection {
  margin: 0 auto
}

.ledger_wrapper .ledger-connection .install {
  color: #404245;
  font-size: 14px;
  line-height: 20px;
  line-height: 17px;
  margin: 12px 0 0;
  text-align: center
}

.ledger_wrapper .ledger-connection .install .active {
  color: #c23631;
  margin-left: 8px;
  text-decoration: none
}

.ledger_wrapper .ledger-connection .ledger-connection-step .connection-step-title {
  color: #101010;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 12px
}

.ledger_wrapper .ledger-connection .ledger-connection-step .connection-step-wrap {
  justify-content: space-between
}

.ledger_wrapper .ledger-connection .ledger-connection-step .connection-step {
  align-items: center;
  background: url(/static/media/ledger_1-new.bfa68cb07e203da06f8f.png) no-repeat;
  background-position: 50%;
  background-size: contain;
  color: #101010;
  display: flex;
  font-size: 12px;
  height: 33px;
  justify-content: flex-end;
  position: relative;
  width: 220px
}

.ledger_wrapper .ledger-connection .ledger-connection-step .connection-step:nth-of-type(2) {
  background-image: url(/static/media/ledger_2-new.c2ad3ca6073289149224.png);
  margin-left: 20px
}

.ledger_wrapper .ledger-connection .ledger-connection-step .connection-step:nth-of-type(3) {
  background-image: url(/static/media/ledger_3-new.1c21abdf8fbc6bbe430a.png);
  margin-left: 20px
}

.ledger_wrapper .ledger-connection .ledger-connection-step .connection-step .connection-step-text {
  display: inline-block;
  padding-right: 6px;
  text-align: center;
  white-space: nowrap;
  width: 90px
}

.ledger_wrapper .ledger-connection .ledger-connection-note {
  margin-top: 20px
}

.ledger_wrapper .ledger-connection .ledger-connection-note .connection-note-title {
  color: #101010;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px
}

.ledger_wrapper .ledger-connection .ledger-connection-note .note-content .note-tip {
  color: #404245;
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px
}

.ledger_wrapper .ledger-connection .ledger-connection-note .note-content .note-tip ul {
  margin: 0;
  padding: 0
}

.ledger_wrapper .ledger-connection .ledger-connection-note .note-content .note-tip ul li {
  color: #73787b;
  font-size: 14px;
  line-height: 20px;
  list-style: none;
  margin-top: 8px
}

.ledger_wrapper .ledger-connection .ledger-connection-note .note-content .note-tip ul li:before {
  content: "-";
  display: inline-block;
  margin-right: 8px
}

.ledger_wrapper .ledger-connection .ledger-connection-loading {
  margin-top: 1rem
}

.ledger_wrapper .ledger-connection .ledger-connection-loading .tron-loader-children {
  color: #999;
  font-size: 12px;
  letter-spacing: 0
}

.ledger_wrapper .ledger-connection .ledger-connect {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 30px auto 0
}

.ledger_wrapper .ledger-connection .ledger-connect .loading-img {
  animation: loading 1s linear infinite forwards
}

.ledger_wrapper .ledger-connection .ledger-connect button {
  align-items: center;
  display: inline-flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  min-width: 210px;
  padding: 0 20px
}

.ledger_wrapper .ledger-connection .ledger-connect button span {
  margin-left: 4px
}

.ledger_wrapper .ledger-connection .ledger-connect button.btn-connect:before {
  background: #0000
}

.ledger_wrapper .ledger-connection .ledger-connect button.btn-connect,
.ledger_wrapper .ledger-connection .ledger-connect button.btn-connect:focus,
.ledger_wrapper .ledger-connection .ledger-connect button.btn-connect:visited {
  background: #101010;
  border-color: #0000;
  border-radius: 10px;
  color: #fff
}

.ledger_wrapper .ledger-connection .ledger-connect button.btn-connect:hover {
  background: #c23631;
  border-color: #0000;
  border-radius: 10px;
  color: #fff
}

.ledger_wrapper .ledger-select-account {
  margin: 0 auto;
  width: 44.625rem
}

.ledger_wrapper .ledger-select-account .select-account-title {
  color: #333;
  font-size: 14px
}

.ledger_wrapper .ledger-select-account .ledger-accounts {
  background: #fff;
  box-shadow: 0 2px 20px 0 #c236310f;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  margin-top: 1.25rem;
  max-height: 15.625rem;
  overflow-y: scroll;
  padding: 0
}

.ledger_wrapper .ledger-select-account .ledger-accounts li {
  color: #666;
  font-size: 13px;
  height: 3.125rem;
  line-height: 3.125rem
}

.ledger_wrapper .ledger-select-account .ledger-accounts li .ledger-account-item {
  align-items: center;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.ledger_wrapper .ledger-select-account .ledger-accounts li .ledger-account-item .ant-radio-input:focus+.ant-radio-inner {
  box-shadow: 0 0 0 3px #c530271a
}

.ledger_wrapper .ledger-select-account .ledger-accounts li .ledger-account-acitve {
  background: #fafafa;
  border-left: 3px solid #c23631;
  border-top: none;
  color: #2e2424;
  padding-left: calc(1.25rem - 3px)
}

.ledger_wrapper .ledger-select-account .ledger-accounts li .ledger-account-acitve+.ledger-account-item {
  border-top: none
}

.ledger_wrapper .ledger-select-account .ledger-accounts li .ledger-account-left {
  align-items: center;
  display: flex;
  width: 60%
}

.ledger_wrapper .ledger-select-account .ledger-accounts li .ledger-account-key {
  color: #333;
  padding-left: 1.25rem
}

.ledger_wrapper .ledger-select-account .ledger-accounts li .ledger-account-address {
  padding-left: .75rem;
  text-align: left
}

.ledger_wrapper .ledger-select-account .ledger-accounts li .ledger-account-balance {
  text-align: left;
  width: 20%
}

.ledger_wrapper .ledger-select-account .ledger-accounts li .ledger-account-details {
  font-size: 12px;
  text-align: right
}

.ledger_wrapper .ledger-select-account .ledger-accounts li .ledger-account-details a {
  color: #666
}

.ledger_wrapper .ledger-select-account .ledger-accounts li:hover {
  background: #fafafa
}

.ledger_wrapper .ledger-select-account .ledger-accounts li:first-child .ledger-account-item {
  border-top: none
}

.ledger_wrapper .ledger-select-account .ledger-accounts .ant-tabs-content-more {
  display: flex;
  justify-content: center;
  text-align: center
}

.ledger_wrapper .ledger-select-account .ledger-accounts .ant-tabs-content-more-link {
  color: #333;
  cursor: pointer;
  font-size: 14px;
  margin: 15px 0
}

.ledger_wrapper .ledger-select-account .select-account-button {
  background: #c23631;
  display: flex;
  font-size: 14px;
  height: 2.5rem;
  justify-content: center;
  margin: 2.5rem auto 0;
  width: 20rem
}

.ledger_wrapper .ledger-select-account .select-account-button:focus,
.ledger_wrapper .ledger-select-account .select-account-button:hover {
  background-color: #9b2b27;
  border-color: #9b2b27;
  color: #fff
}

.ledger_wrapper .ledger-select-account .select-account-button span {
  color: #fff
}

.ledger_wrapper .ledger-confirm-account {
  margin: 0 auto;
  width: 31.25rem
}

.ledger_wrapper .ledger-confirm-account .confirm-account-title {
  color: #333;
  font-size: 14px;
  line-height: 22px
}

.ledger_wrapper .ledger-confirm-account .confirm-account-box {
  align-items: center;
  border: 1px solid #ddd;
  color: #c23631;
  display: flex;
  font-size: 16px;
  height: 3.125rem;
  justify-content: center;
  letter-spacing: 0;
  margin-top: .625rem;
  width: 100%
}

.ledger_wrapper .ledger-confirm-account .confirm-account-tip {
  margin-top: .625rem
}

.ledger_wrapper .ledger-confirm-account .confirm-account-tip ul {
  margin: 0;
  padding: 0
}

.ledger_wrapper .ledger-confirm-account .confirm-account-tip ul li {
  align-items: center;
  color: #999;
  display: flex;
  flex-direction: row;
  font-size: 12px;
  line-height: 26px;
  list-style: none;
  margin-left: -4px;
  white-space: nowrap;
  word-break: break-all
}

.ledger_wrapper .ledger-confirm-account .confirm-account-tip ul li i {
  color: #e1e1e1;
  font-size: 26px;
  font-style: normal;
  margin-right: 2px
}

.ledger_wrapper .ledger-confirm-account .ledger-confirm-loading {
  margin-top: 1rem
}

.ledger_wrapper .ledger-confirm-account .ledger-confirm-loading .tron-loader-children {
  color: #999;
  font-size: 12px;
  letter-spacing: 0
}

@media(min-width:768px)and (max-width:1000px) {

  .ledger_wrapper .ledger-confirm-account,
  .ledger_wrapper .ledger-select-account {
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%
  }

  .modal-dialog-login-type {
    max-width: 80%
  }
}

@media(max-width:800px) {
  .ledger_wrapper .ledger-connection .ledger-connection-step .connection-step-wrap {
    align-items: center;
    flex-direction: column;
    justify-content: center
  }

  .ledger_wrapper .ledger-connection .ledger-connection-step .connection-step-wrap .connection-step:not(:first-of-type) {
    margin-left: 0;
    margin-top: 16px
  }
}

@media(max-width:768px) {
  .ledger_wrapper .ledger-connection {
    margin: 0 auto;
    padding: 0;
    width: 100%
  }

  .ledger_wrapper .ledger-connection .connection-step-wrap {
    flex-wrap: nowrap;
    max-width: 100%
  }

  .ledger_wrapper .ledger-connection .connection-step-wrap>div:nth-child(2) {
    margin-left: 10px
  }

  .ledger_wrapper .ledger-connection .connection-step-wrap>div:last-child {
    margin-left: 7px
  }

  .ledger_wrapper .ledger-confirm-account,
  .ledger_wrapper .ledger-select-account {
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%
  }
}

.wallet-connect-container {
  margin-top: 22px
}

.wallet-connect-wrapper {
  background-color: #fff
}

.connect_method {
  background: url(/static/media/bg.77d5c3abcede7f2ac30f.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 2px 2px 0 0;
  height: 115px;
  width: 100%
}

.connect_method .header_title {
  color: #fff;
  font-family: PingFangSC-Medium;
  font-size: 20px;
  height: 115px;
  line-height: 115px;
  opacity: .9;
  text-align: center
}

.wallet-connect-cont {
  padding: 4rem 0 60px
}

.wallet-connect-cont .tabs-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto 50px;
  max-width: 716px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:last-child {
  margin-right: 0
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-child(3) .imgWrapper img {
  width: 35px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-child(4) .imgWrapper img {
  width: 32px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type {
  margin-right: 70px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs {
  padding: 28px 20px 20px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs.methodsActiveTabs,
.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs:hover {
  background: #e7effa;
  padding: 40px 20px 30px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs.methodsActiveTabs .imgWrapper img,
.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs:hover .imgWrapper img {
  border-radius: 10px;
  height: 50px;
  width: 50px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs.methodsActiveTabs .checked img,
.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs:hover .checked img {
  content: url(/static/media/menuchecked-link.e5f9173fba50bb242b51.png)
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs .imgWrapper img {
  border-radius: 10px;
  height: 35px;
  width: 35px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) {
  margin-right: 70px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs {
  padding: 35px 20px 20px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs.methodsActiveTabs,
.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs:hover {
  background: #faece5;
  padding: 50px 30px 30px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs.methodsActiveTabs .imgWrapper img,
.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs:hover .imgWrapper img {
  height: auto;
  width: 90px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs.methodsActiveTabs .checked img,
.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs:hover .checked img {
  content: url(/static/media/menuchecked-ledger.f798ccb35a875b3f570e.png)
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs .imgWrapper img {
  height: auto;
  width: 63px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(3) {
  margin-right: 70px
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(3) .methodsTabs {
  padding: 28px 0
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(3) .methodsTabs.methodsActiveTabs,
.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(3) .methodsTabs:hover {
  background: #e3efff;
  padding: 38px 0
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(3) .methodsTabs.methodsActiveTabs .imgWrapper img,
.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(3) .methodsTabs:hover .imgWrapper img {
  height: auto;
  width: 50px !important
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(3) .methodsTabs.methodsActiveTabs .checked img,
.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(3) .methodsTabs:hover .checked img {
  content: url(/static/media/walletconnect-checked.488f74c3a73c81e0f0bc.svg)
}

.wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(3) .methodsTabs .imgWrapper img {
  height: auto;
  width: 63px
}

.wallet-connect-cont .tabs-wrapper .methodsTabs {
  align-items: center;
  background: #f0f2f3;
  border-radius: 12px;
  color: #101010;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 112px;
  justify-content: center;
  margin-top: 64px;
  position: relative;
  transform-origin: center;
  transition: all .35s;
  width: 105px
}

.wallet-connect-cont .tabs-wrapper .methodsTabs.methodsActiveTabs,
.wallet-connect-cont .tabs-wrapper .methodsTabs:hover {
  border-radius: 20px;
  font-size: 16px;
  height: 160px;
  margin-top: 40px;
  width: 150px
}

.wallet-connect-cont .tabs-wrapper .methodsTabs.methodsActiveTabs .checked,
.wallet-connect-cont .tabs-wrapper .methodsTabs.methodsActiveTabs .unchecked,
.wallet-connect-cont .tabs-wrapper .methodsTabs:hover .checked,
.wallet-connect-cont .tabs-wrapper .methodsTabs:hover .unchecked {
  display: block
}

.wallet-connect-cont .tabs-wrapper .methodsTabs .imgWrapper {
  text-align: center
}

.wallet-connect-cont .tabs-wrapper .methodsTabs .checked,
.wallet-connect-cont .tabs-wrapper .methodsTabs .unchecked {
  display: none
}

.wallet-connect-cont .tabs-wrapper .tabWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 100%
}

.wallet-connect-cont .tabs-wrapper .tabWrapper .label {
  padding: 0 5px;
  text-align: center
}

.wallet-connect-cont .tabs-wrapper .methodsActiveTabs {
  background: #f0f2f3;
  border-radius: 14px
}

.wallet-connect-cont .tabs-wrapper .checked,
.wallet-connect-cont .tabs-wrapper .unchecked {
  height: 16px;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 16px
}

.wallet-connect-cont .tabs-wrapper .checked img,
.wallet-connect-cont .tabs-wrapper .unchecked img {
  border-radius: 100%;
  display: inline-block;
  height: 16px;
  width: 16px
}

.tabs-cont .walletConnectWrapper .preLabel {
  color: #73787b;
  line-height: 20px;
  margin-bottom: 30px;
  text-align: center
}

@media(min-width:768px)and (max-width:992px) {
  .wallet-connect-cont .tabs-wrapper {
    justify-content: center
  }
}

@media(max-width:768px) {
  .wallet-connect-cont .tabs-wrapper {
    flex-flow: nowrap;
    justify-content: center;
    max-width: 100%
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type {
    margin-right: 40px
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs {
    padding: 16px
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs.methodsActiveTabs,
  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs:hover {
    padding: 20px
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs.methodsActiveTabs .imgWrapper img,
  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs:hover .imgWrapper img {
    border-radius: 10px;
    height: 45px;
    width: 45px
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:first-of-type .methodsTabs .imgWrapper img {
    border-radius: 10px;
    height: 30px;
    width: 30px
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) {
    margin-right: 0
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs {
    padding: 16px
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs.methodsActiveTabs,
  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs:hover {
    padding: 20px
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs.methodsActiveTabs .imgWrapper img,
  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs:hover .imgWrapper img {
    height: auto;
    width: 80px
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs.methodsActiveTabs .checked img,
  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs:hover .checked img {
    content: url(/static/media/menuchecked-ledger.f798ccb35a875b3f570e.png)
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabsWrapper:nth-of-type(2) .methodsTabs .imgWrapper img {
    height: auto;
    width: 57px
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabs {
    height: 100px;
    margin-top: 50px;
    width: 94px
  }

  .wallet-connect-cont .tabs-wrapper .methodsTabs.methodsActiveTabs,
  .wallet-connect-cont .tabs-wrapper .methodsTabs:hover {
    border-radius: 20px;
    height: 160px;
    margin-top: 30px;
    width: 150px
  }
}

.footer-title {
  white-space: nowrap
}

.footer-new {
  border-top: 1px solid #1010100d
}

.footer-new .footerCopyrightWrapper {
  padding: 15px 0 30px
}

.footer-new .copyright {
  border-top: 1px solid #fff3
}

.footer-new .copyright .footerContainer {
  margin: 0 auto
}

.footer-new .copyright .footerContainer .text {
  color: #91979d;
  font-size: 12px;
  line-height: 16px
}

.footer-new .copyright .footerContainer:first-child {
  padding-left: 0 !important
}

.footer-new .copyright .footerContainer:last-child {
  padding-right: 0 !important
}

.footer-new .copyright .footerContainer .switch {
  background: #00000024;
  color: #c2c2c2;
  font-family: HelveticaNeue;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  min-width: 138px
}

.footer-new .copyright .footerContainer .switch span {
  display: block;
  min-width: 83px;
  text-align: center
}

.footer-new .copyright .footerContainer .switch .ant-dropdown-link {
  background: #ffffff24;
  border-radius: 0 1px 1px 0;
  color: #fff;
  font-family: HelveticaNeue;
  font-size: 12px;
  width: 55px
}

.footer-new .copyright .footerContainer .between {
  justify-content: space-between
}

.footer-new .copyright .footerContainer .nowidth {
  min-width: auto
}

.home-footer a {
  color: #91979d
}

.home-footer h5 {
  height: 20px;
  line-height: 20px;
  text-align: left
}

.home-footer .footer-link {
  color: #2c2c2c
}

.home-footer .copy-right {
  color: #fff
}

.home-footer h5 {
  font-size: 14px
}

.home-footer .quick-links .quick-links-li {
  margin: 4px 0
}

.home-footer .quick-links .quick-links-li:hover {
  transform: translate(10px);
  transition: transform .3s ease
}

.home-footer .quick-links a {
  color: #73787b;
  font-size: 12px;
  line-height: 16px
}

.home-footer .quick-links a:hover {
  color: #101010 !important
}

.home-footer .quick-links .p-2 {
  padding-left: 0 !important
}

.footerTronSection {
  justify-content: space-between
}

.mobile-footer .mobileCopyright {
  color: #91979d
}

.dropdown-menu.footer-languages a {
  color: #101010;
  margin: 3px 0
}

.notice-new-style .item .title {
  max-width: 190px !important
}

@media screen and (min-width:768px)and (max-width:992px) {
  .notice-new-style .item .title {
    max-width: 100px !important
  }
}

@media only screen and (min-width:992px)and (max-width:1200px) {
  .notice-new-style .item .title {
    max-width: 140px !important
  }
}

.footer-compontent {
  flex-shrink: 0;
  position: relative
}

.home-footer {
  padding-top: 40px !important
}

.home-footer ul li {
  white-space: nowrap
}

.home-footer a {
  color: #c2c9d1
}

.home-footer h5 {
  color: #101010;
  line-height: 30px;
  margin-bottom: 10px
}

.home-footer .footer-link {
  color: #fff
}

.home-footer .line {
  background-color: #fff;
  height: 1px;
  width: 80%
}

.home-footer .fr {
  float: right
}

.home-footer .footer-slogan {
  text-align: left
}

.home-footer .footer-slogan img {
  display: inline-block;
  height: 30px;
  width: 122px
}

.home-footer .footer-slogan p {
  color: #101010;
  font-size: 14px;
  line-height: 20px;
  text-align: left
}

.home-footer .footer-slogan li {
  list-style: none
}

.home-footer .footer-slogan li i {
  color: #c2c9d1
}

.home-footer .footer-slogan li i:hover {
  color: #101010
}

.home-footer .footer-slogan-desc {
  line-height: 16px;
  margin: 12px 0 56px
}

.home-footer .medium li {
  margin-right: 27px;
  max-width: 15px
}

.home-footer .medium li:last-child {
  margin-right: 0
}

.home-footer .medium li:first-child i {
  font-size: 13px
}

.home-footer .medium li a {
  display: inline-block;
  height: 20px;
  width: 20px
}

.home-footer .medium li i {
  color: #73787b;
  font-size: 12px
}

.home-footer .footer-icon {
  position: relative
}

.home-footer .footer-icon .code_wrap {
  background: #fff;
  border-radius: 10px;
  display: none;
  height: 120px;
  left: -53px;
  overflow: hidden;
  position: absolute;
  top: -127px;
  width: 120px;
  z-index: 100
}

.home-footer .footer-icon .code_wrap img {
  height: 120px;
  margin: 0;
  width: 120px
}

.home-footer .footer-icon .code_wrap:before {
  border-color: #fff #0000 #0000;
  border-style: solid;
  border-width: 12px 7px;
  content: "";
  height: 0;
  left: 53px;
  position: absolute;
  top: 118px;
  width: 0
}

.home-footer .footer-icon:active .code_wrap,
.home-footer .footer-icon:hover .code_wrap {
  display: block
}

.home-footer .mobile-footer-icon .code_wrap {
  left: -10px
}

.home-footer .developCenter {
  margin: 0 54px
}

.home-footer .supportHelpWrapper {
  margin-left: 80px;
  min-width: 80px
}

.home-footer .back-top-container {
  cursor: pointer;
  margin-left: 64px
}

.home-footer .back-top-container .ant-back-top-button {
  height: 36px;
  width: 36px
}

.home-footer .back-top-container .upImg {
  display: inline-block
}

.home-footer .back-top-container .upImg .upToTop {
  height: 18px;
  width: 14px
}

@media(min-width:768px) {
  .home-footer .back-top-container:hover .upImg .upToTop {
    color: #c23631
  }
}

.home-footer .back-top-container .ant-back-top-inner {
  background: #fff;
  border-radius: 5px;
  height: 36px;
  width: 36px
}

.home-footer .back-top-container .ant-back-top-inner .upImg .upToTop {
  height: 14px;
  width: 14px
}

.footerContainer {
  max-width: calc(100% - 30px);
  padding: 0;
  position: relative
}

.footerContainer .helpLinkPos {
  bottom: 60px;
  position: fixed;
  right: 0;
  z-index: 999
}

.footerContainer .language-box {
  margin: 10px 70px 0 55px
}

.footerContainer .language-box .settingConfig {
  background: none;
  border: 1px solid #91979d;
  border-radius: 4px;
  color: #101010;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 16px
}

.footerContainer .language-box .settingConfig:hover {
  background: none;
  border: 1px solid #c23631;
  color: #c23631
}

.footerContainer .footerLanguagesWrapper {
  align-items: center;
  background: none;
  border: 1px solid #91979d;
  border-radius: 4px;
  display: flex;
  height: 26px;
  mix-blend-mode: normal;
  padding: 5px 10px
}

.footerContainer .footerLanguagesWrapper .dropdown-menu {
  margin-top: 0
}

.footerContainer .classicUrl {
  align-items: flex-end;
  display: flex;
  margin-top: 16px;
  text-decoration-line: underline
}

.footerContainer .classicUrl a {
  color: #101010;
  font-size: 12px;
  line-height: 16px
}

@media(min-width:1200px)and (max-width:1400px) {
  .footerContainer {
    max-width: calc(100% - 300px)
  }
}

@media(min-width:768px)and (max-width:1200px) {
  .footerContainer {
    max-width: calc(100% - 286px)
  }

  .footerContainer .footerTronSection h5 {
    line-height: 20px
  }
}

@media(max-width:767.98px) {
  .home-footer {
    padding: 24px 0 37px !important
  }

  .home-footer .language-box {
    margin: 0 10px
  }

  .footer-new .home-footer .developCenter {
    margin: 0
  }

  .home-footer .quick-links {
    display: flex;
    flex-wrap: wrap
  }

  .home-footer .quick-links li {
    text-align: left;
    width: 100%
  }

  .mobile-footer .footer-slogan-wrap {
    display: flex;
    justify-content: space-between
  }

  .mobile-footer .footer-slogan {
    text-align: left
  }

  .mobile-footer .footer-slogan .footer-slogan-desc {
    margin: 10px 0 30px;
    text-align: left
  }

  .mobile-footer .mobileCopyright {
    text-align: left
  }

  .mobile-footer h5 {
    color: #101010 !important;
    font-weight: 400
  }

  .mobile-footer .list li {
    font-size: 14px;
    padding: 4px 0;
    text-align: left
  }

  .mobile-footer .list li a {
    color: #91979d !important
  }
}

.cookies-tip {
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  bottom: 30px;
  box-shadow: 0 0 20px 0 hsla(0, 0%, 6%, .102);
  display: flex;
  height: 40px;
  justify-content: space-between;
  left: 0;
  margin: auto;
  padding: 12px 20px;
  position: fixed;
  right: 0;
  width: 950px;
  z-index: 400
}

.cookies-tip .to-link {
  color: #d4726f
}

.cookies-tip .to-link:hover {
  color: #c23631
}

.cookies-tip .ant-btn {
  background-color: #d4726f;
  box-sizing: border-box;
  font-size: 12px;
  height: auto;
  line-height: normal;
  padding: 3.75px 16px
}

@media(max-width:758px) {
  .cookies-tip {
    flex-wrap: wrap;
    font-size: 14px;
    height: auto;
    max-width: 95%;
    min-width: auto;
    padding: 10px;
    z-index: 1000
  }

  .cookies-tip>.ant-btn {
    margin: 10px auto 0;
    min-width: 66px;
    padding: 5px 10px
  }
}